
.app-body{margin:0;background:#131f24!important;overflow:hidden;color:#f6fefd;font-family:Arial,"Helvetica Neue",Helvetica,AsterRefAlt,system-ui,-apple-system,"Segoe UI",Roboto,Ubuntu,sans-serif;font-size:12px}.app-body *{box-sizing:border-box}.app-body button{font:inherit}.app-top{height:52px;background:#0b171b;border-bottom:1px solid #1c3036;display:flex;align-items:center}.app-logo{width:150px;display:flex;align-items:center;gap:9px;padding-left:10px;font-size:19px;color:#e7f0f0}.app-mark{width:21px;height:14px;border-radius:10px;background:#f6fefd;position:relative}.app-mark:before,.app-mark:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:#f6fefd;top:2px}.app-mark:before{left:-3px}.app-mark:after{right:-3px}.app-nav{display:flex;align-items:center;gap:31px;flex:1;height:100%}.app-nav a{font-size:12px;font-weight:800;color:#f6fefd}.app-nav .active{color:#49d4ca}.app-tools{display:flex;gap:10px;padding-right:9px}.app-tools button{height:32px;border-radius:7px;border:1px solid #24383e;background:#0f1c21;color:#c7d5d8;padding:0 12px}.terminal{height:calc(100vh - 52px);position:relative;background:#132126}.pair-row{height:110px;display:grid;grid-template-columns:34px 260px 75px 75px 128px 150px 154px 170px 1fr;border-bottom:2px solid #1b3036;background:#0b171b}.star{color:#ffba42;padding-top:17px;text-align:center}.pair-row>div{border-right:1px solid #1a2e34;padding:17px 10px 0}.pair-name{display:flex!important;align-items:center;gap:9px}.pair-name b{font-size:22px;color:#f6fefd}.pair-name b:first-letter{color:#55d7c9}.pair-name em{font-style:normal;background:#123d3d;color:#49d4ca;border-radius:6px;padding:4px 7px}.pair-row span{display:block;color:#7d9198;font-size:11px;margin-bottom:6px}.pair-row b{font-size:13px;color:#dff2f2}.pair-row .red{color:#ff5e72}.pair-row .cyan{color:#49d4ca}.trade-shell{height:calc(100% - 110px - 26px);display:grid;grid-template-columns:40px minmax(650px,1fr) 480px 480px;grid-template-rows:minmax(410px,58%) minmax(220px,1fr);gap:2px;background:#1a2b31}.drawing-tools{grid-row:1/3;background:#0b171b;display:flex;flex-direction:column;align-items:center;gap:12px;padding-top:45px}.drawing-tools button{width:28px;height:25px;background:transparent;color:#85969d;font-size:16px}.chart-area{background:#0b171b;position:relative}.chart-tabs{height:40px;border-bottom:1px solid #1c3036;display:flex;align-items:end;gap:23px;padding:0 12px}.chart-tabs a{height:40px;display:flex;align-items:center;color:#8fa0a7;font-weight:800}.chart-tabs .active{color:#f6fefd;border-bottom:1px solid #4fd3c8}.timebar{height:42px;display:flex;align-items:center;gap:15px;padding:0 7px;color:#9aabb1;border-bottom:1px solid #1c3036}.timebar b{color:#48d4ca}.timebar i{flex:1}.chart-canvas{position:absolute;left:0;right:0;top:82px;bottom:42px;overflow:hidden}.gridlines{position:absolute;inset:0 45px 0 40px;background-image:linear-gradient(rgba(120,150,156,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(120,150,156,.16) 1px,transparent 1px);background-size:145px 58px}.legend{position:absolute;z-index:3;top:17px;left:48px;display:flex;gap:12px;color:#93a5ab}.legend b{color:#a9b9be}.dot{width:10px;height:10px;margin-top:2px;border-radius:50%;background:#16b8ad;box-shadow:0 0 0 6px rgba(22,184,173,.12)}.chart-canvas .red{color:#ff6478}.price-line{position:absolute;left:40px;right:45px;top:44%;border-top:1px dotted rgba(255,100,120,.7)}.candles{position:absolute;left:55px;right:85px;top:85px;height:240px}.candles i{position:absolute;bottom:40px;width:9px;background:#17b9ad}.candles i:before{content:"";position:absolute;left:4px;width:1px;top:-19px;bottom:-18px;background:inherit}.candles i:nth-child(odd){background:#ff5469}.candles i:nth-child(1){left:0;height:55px}.candles i:nth-child(2){left:50px;height:76px}.candles i:nth-child(3){left:100px;height:34px}.candles i:nth-child(4){left:150px;height:92px}.candles i:nth-child(5){left:205px;height:64px}.candles i:nth-child(6){left:260px;height:31px}.candles i:nth-child(7){left:320px;height:79px}.candles i:nth-child(8){left:380px;height:117px}.candles i:nth-child(9){left:440px;height:45px}.candles i:nth-child(10){left:500px;height:67px}.candles i:nth-child(11){left:560px;height:58px}.candles i:nth-child(12){left:620px;height:91px}.candles i:nth-child(13){left:680px;height:37px}.candles i:nth-child(14){left:740px;height:77px}.candles i:nth-child(15){left:800px;height:83px}.candles i:nth-child(16){left:860px;height:69px}.candles i:nth-child(17){left:920px;height:52px}.candles i:nth-child(18){left:980px;height:98px}.candles i:nth-child(19){left:1040px;height:87px}.candles i:nth-child(20){left:1100px;height:41px}.candles i:nth-child(21){left:1160px;height:74px}.candles i:nth-child(22){left:1220px;height:60px}.candles i:nth-child(23){left:1280px;height:71px}.candles i:nth-child(24){left:1340px;height:47px}.volumes{position:absolute;left:55px;right:85px;bottom:16px;height:105px;display:flex;align-items:end;gap:10px}.volumes i{width:13px;background:#13786f;opacity:.85}.volumes i:nth-child(odd){background:#994453}.volumes i:nth-child(1){height:46px}.volumes i:nth-child(2){height:80px}.volumes i:nth-child(3){height:38px}.volumes i:nth-child(4){height:62px}.volumes i:nth-child(5){height:91px}.volumes i:nth-child(6){height:55px}.volumes i:nth-child(7){height:67px}.volumes i:nth-child(8){height:42px}.volumes i:nth-child(9){height:103px}.volumes i:nth-child(10){height:35px}.volumes i:nth-child(11){height:52px}.volumes i:nth-child(12){height:40px}.volumes i:nth-child(13){height:31px}.volumes i:nth-child(14){height:83px}.volumes i:nth-child(15){height:65px}.volumes i:nth-child(16){height:48px}.volumes i:nth-child(17){height:29px}.volumes i:nth-child(18){height:74px}.volumes i:nth-child(19){height:59px}.volumes i:nth-child(20){height:84px}.tv{position:absolute;left:55px;bottom:37px;width:34px;height:34px;border-radius:50%;background:#202b31;color:#fff;display:grid;place-items:center;font-weight:900}.axis.right{position:absolute;right:8px;top:55px;bottom:20px;display:flex;flex-direction:column;justify-content:space-between;color:#9fb0b5;text-align:right}.axis.right b{background:#ff5368;color:white;padding:3px 6px;border-radius:2px}.axis.bottom{position:absolute;left:45px;right:55px;bottom:0;height:28px;display:flex;gap:6%;align-items:center;color:#9fb0b5}.axis.bottom b{margin-left:auto;color:#d9e8e9}.range-row{position:absolute;bottom:0;left:0;right:0;height:42px;border-top:1px solid #1c3036;display:flex;align-items:center;gap:17px;padding:0 62px;color:#a0b1b7}.range-row b{color:#f6fefd}.range-row i{flex:1}.orderbook{background:#0b171b}.book-head{height:42px;display:flex;border-bottom:1px solid #1c3036}.book-head button{flex:1;background:transparent;color:#82949b;font-weight:800}.book-head .active{color:#f6fefd;border-bottom:1px solid #50d4c9}.book-head span{width:30px;display:grid;place-items:center;color:#82949b}.tick{height:34px;padding:0 12px;display:flex;align-items:center;color:#d8f9f7;font-weight:900}.tick span{margin-left:8px;color:#8da0a6}.tick b{margin-left:auto}.labels,.depth p{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center}.labels{padding:0 12px 7px;color:#80939a;font-size:11px}.depth p{height:24px;margin:0;padding:0 12px;position:relative;overflow:hidden;font-weight:800}.depth p:before{content:"";position:absolute;top:0;bottom:0;right:0;width:var(--w);opacity:.55}.depth span,.depth b,.depth em{position:relative;font-style:normal}.asks p:before{background:#79333f}.asks span{color:#ff6075}.bids p:before{background:#105747}.bids span{color:#20b89f}.spread{height:29px;background:#26353a;display:flex;align-items:center;justify-content:center;gap:24px;font-weight:900;color:#e0eeee}.ticket{background:#0b171b;padding:12px}.mode-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.mode-row button{height:34px;border-radius:7px;background:#26353a;color:#f6fefd;font-weight:900}.order-tabs{height:44px;display:grid;grid-template-columns:1fr 1fr 1fr;border-bottom:1px solid #244047}.order-tabs button{background:transparent;color:#8c9ea4;font-weight:800}.order-tabs .active{color:#fff;border-bottom:1px solid #52d1c5}.side{display:grid;grid-template-columns:1fr 1fr;height:35px;margin:13px 0}.side button{background:#27363a;color:#f6fefd;font-weight:800}.side button:first-child{background:#52d1c5;color:#082622;border-radius:6px 0 0 6px}.side button:last-child{border-radius:0 6px 6px 0}.ticket p{display:flex;justify-content:space-between;margin:8px 0;color:#7f9299}.ticket p b{color:#f6fefd}.ticket label{display:block;margin-top:18px;color:#85979d}.ticket label div{height:36px;border:1px solid #20383e;border-radius:7px;background:#0d2025;margin-top:7px;display:flex}.ticket input{flex:1;background:transparent;border:0;color:#fff;padding:0 10px}.ticket label div span{padding:10px;color:#dbe8ea;font-weight:800}.slider{height:38px;display:flex;align-items:center;gap:47px;position:relative;border-top:5px solid #2c3c41;margin:17px 0}.slider i{width:5px;height:5px;background:#506166;border-radius:50%;margin-top:-5px}.slider:before{content:"";position:absolute;left:0;top:-8px;width:15px;height:15px;border:2px solid #52d1c5;border-radius:50%;background:#0b171b}.slider b{margin-left:auto;border:1px solid #20383e;border-radius:7px;padding:8px 12px}.check{display:flex!important;align-items:center;gap:8px;margin:8px 0!important;color:#d6e4e6!important;font-weight:800}.check input{width:14px;height:14px}.enable{width:100%;height:34px;border-radius:7px;background:#52d1c5;color:#082622;font-weight:800;margin:116px 0 16px}.risk{border-bottom:1px solid #22383e;padding-bottom:16px}.risk p{margin:9px 0}.risk span{text-decoration:underline dotted;color:#879aa0}.risk b{color:#f6fefd}.wallet{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:14px 0 22px}.wallet button{height:34px;border:1px solid #4bd1c6;border-radius:7px;background:transparent;color:#4bd1c6;font-weight:900}.wallet button:first-child{background:#52d1c5;color:#082622}.summary h3{font-size:12px;margin:0 0 12px}.summary p{margin:9px 0}.positions{background:#0b171b;grid-column:2/4}.pos-tabs{height:38px;display:flex;gap:24px;border-bottom:1px solid #1c3036;align-items:center}.pos-tabs a{color:#7f9299;font-weight:800}.pos-tabs .active{height:38px;display:flex;align-items:center;color:#f6fefd;border-bottom:1px solid #52d1c5}.pos-head{height:38px;display:grid;grid-template-columns:1fr 1fr 1.3fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;align-items:center;color:#81939a}.empty{display:block;color:#f6fefd;margin-top:3px}.app-foot{height:26px;background:#132126;border-top:1px solid #23373d;display:flex;align-items:center;justify-content:space-between}.app-foot span{border:1px solid #39ccc2;border-left:0;border-bottom:0;border-radius:0 5px 0 0;height:20px;padding:3px 8px;color:#45d6cc;font-size:11px}.app-foot nav{display:flex;gap:22px;padding-right:12px}.app-foot a{font-size:12px;color:#f6fefd;font-weight:800}@media(max-width:1500px){.trade-shell{grid-template-columns:40px minmax(520px,1fr) 390px 390px}.pair-row{grid-template-columns:34px 230px repeat(6,1fr)}.pair-row>div:nth-last-child(-n+2){display:none}}@media(max-width:1050px){.app-body{overflow:auto}.terminal{height:auto}.trade-shell{height:auto;grid-template-columns:1fr;grid-template-rows:auto;display:block}.drawing-tools{display:none}.chart-area{height:620px}.orderbook,.ticket,.positions{min-height:420px}.pair-row{height:auto;grid-template-columns:1fr 1fr}.star{display:none}.app-nav a:nth-child(n+4){display:none}}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#000;color:#fff;font-family:Arial,"Helvetica Neue",Helvetica,AsterRefAlt,system-ui,-apple-system,"Segoe UI",Roboto,Ubuntu,sans-serif}body{overflow-x:hidden}button{font-family:Arial,"Helvetica Neue",Helvetica,AsterRefAlt,system-ui,-apple-system,"Segoe UI",Roboto,Ubuntu,sans-serif;border:0;cursor:pointer}a{text-decoration:none;color:inherit}.top{position:fixed;top:0;left:0;right:0;z-index:10;height:74px;display:flex;align-items:center;justify-content:space-between;width:min(1280px,100% - 64px);margin:0 auto}.logo{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:600;letter-spacing:.03em}.logo-mark{position:relative;width:31px;height:31px;border-radius:50%;background:#ffd5a2;overflow:hidden}.logo-mark i{position:absolute;width:17px;height:17px;background:#000}.logo-mark i:nth-child(1){left:-2px;top:-2px;border-radius:0 0 14px 0}.logo-mark i:nth-child(2){right:-2px;top:-2px;border-radius:0 0 0 14px}.logo-mark i:nth-child(3){left:-2px;bottom:-2px;border-radius:0 14px 0 0}.logo-mark i:nth-child(4){right:-2px;bottom:-2px;border-radius:14px 0 0 0}nav{display:flex;align-items:center;gap:42px;font-size:15px;font-weight:700;color:#f4f4f4}nav button{height:43px;padding:0 22px;border-radius:999px;color:#ffdcb4;background:linear-gradient(180deg,rgba(255,220,180,.12),rgba(255,220,180,.04));border:1px solid rgba(255,220,180,.36);box-shadow:inset 0 1px rgba(255,255,255,.08)}.hero{position:relative;min-height:1080px;overflow:hidden;background:#000}.hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:270px;background:linear-gradient(0deg,#000 20%,transparent);pointer-events:none}.grid{position:absolute;inset:74px 52px 0;background-image:linear-gradient(rgba(255,255,255,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.075) 1px,transparent 1px);background-size:224px 172px;opacity:.42;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.hero-copy{position:absolute;z-index:2;left:calc(50% - 522px);top:252px;width:720px}.hero h1{margin:0;color:#fff;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:75px;line-height:1.02;letter-spacing:-.058em;font-weight:700}.hero h1 span{color:#f8cfa0}.hero p{width:610px;margin:24px 0 0;color:rgba(255,255,255,.70);font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:18px;line-height:1.52;letter-spacing:-.02em;font-weight:400}.primary{margin-top:31px;height:58px;padding:0 31px;border-radius:999px;background:#f8d2a5;color:#070503;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:20px;font-weight:600;letter-spacing:-.025em}.ring-scene{position:absolute;z-index:1;right:86px;top:110px;width:760px;height:790px;perspective:1100px}.beam{position:absolute;right:-210px;bottom:46px;width:760px;height:210px;background:radial-gradient(ellipse at right,rgba(225,233,255,.88),rgba(225,233,255,.38) 18%,rgba(208,175,124,.34) 44%,transparent 72%);filter:blur(22px);transform:rotate(-15deg)}.halo{position:absolute;inset:130px 70px 80px 52px;border-radius:50%;border:1px solid rgba(248,207,160,.18);transform:rotateX(58deg) rotateZ(-14deg)}.halo-two{inset:170px 118px 126px 80px;border-style:dashed;opacity:.48}.mega-ring{position:absolute;right:24px;top:62px;width:560px;height:690px;border-radius:50%;transform:rotateY(-28deg) rotateZ(7deg);background:radial-gradient(ellipse at 49% 51%,transparent 46%,#f3bf78 47%,#ffce85 49%,#201912 52%,#77736f 56%,#1b1b1b 62%,transparent 66%);filter:drop-shadow(0 18px 44px rgba(0,0,0,.78))}.mega-ring:before{content:"";position:absolute;inset:13px;border-radius:50%;background:repeating-conic-gradient(from 14deg,rgba(255,255,255,.75) 0 4deg,rgba(55,55,55,.95) 4deg 9deg,rgba(12,12,12,.95) 9deg 16deg);mask:radial-gradient(ellipse at center,transparent 47%,#000 48%,#000 61%,transparent 62%);opacity:.72}.inner-glow{position:absolute;inset:73px;border-radius:50%;box-shadow:inset 0 0 30px #ffbd68,0 0 22px rgba(255,185,104,.52);border:7px solid rgba(255,190,100,.92)}.candle-board{position:absolute;left:120px;top:225px;width:292px;height:248px;opacity:.36}.candle-board span{position:absolute;left:120px;top:0;color:rgba(248,207,160,.34);font-size:17px}.candle-board i{position:absolute;bottom:42px;width:17px;background:rgba(248,207,160,.34)}.candle-board i:nth-child(2){left:16px;height:86px}.candle-board i:nth-child(3){left:43px;height:78px}.candle-board i:nth-child(4){left:71px;height:118px}.candle-board i:nth-child(5){left:100px;height:158px}.candle-board i:nth-child(6){left:130px;height:184px}.candle-board i:nth-child(7){left:160px;height:132px}.candle-board i:nth-child(8){left:189px;height:112px}.candle-board i:nth-child(9){left:220px;height:94px}.candle-board i:nth-child(10){left:250px;height:124px}.mega-ring em{position:absolute;left:194px;bottom:120px;color:rgba(255,255,255,.22);font-size:15px;font-style:normal}.metrics{position:absolute;z-index:3;left:50%;bottom:105px;transform:translateX(-50%);display:grid;grid-template-columns:repeat(5,1fr);gap:76px;width:min(1050px,90%)}.metrics span{display:block;margin-bottom:18px;color:rgba(255,255,255,.84);font-size:16px}.metrics b{font-size:38px;line-height:1;font-weight:600;letter-spacing:-.04em}.why{position:relative;z-index:2;width:min(1100px,calc(100% - 64px));margin:0 auto;padding:108px 0 160px;background:#000}.why h2{margin:0 0 58px;font-size:50px;font-weight:650;letter-spacing:-.055em}.why-layout{display:grid;grid-template-columns:1fr 1fr 1.6fr;gap:28px;align-items:start}.why article{min-height:240px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.015));border:1px solid rgba(255,255,255,.1);padding:32px}.tile-icon{width:56px;height:56px;margin-bottom:70px;border-radius:16px;background:#19130d;border:1px solid rgba(248,207,160,.32);box-shadow:0 0 28px rgba(248,207,160,.15)}.tile-icon.globe:before{content:"";display:block;width:30px;height:30px;margin:12px;border-radius:50%;background:conic-gradient(#f8cfa0 0 25%,transparent 25% 50%,#f8cfa0 50% 75%,transparent 75%)}.tile-icon.shield:before{content:"";display:block;width:26px;height:31px;margin:11px 14px;background:#f8cfa0;clip-path:polygon(50% 0,90% 16%,83% 72%,50% 100%,17% 72%,10% 16%)}.why h3{margin:0 0 12px;font-size:23px}.why p{margin:0;color:rgba(255,255,255,.62);line-height:1.55}.terminal-card{min-height:300px!important;padding:0!important;overflow:hidden}.terminal-top{height:44px;display:flex;justify-content:space-between;align-items:center;padding:0 18px;background:rgba(255,255,255,.06);color:rgba(255,255,255,.55)}.terminal-grid{display:grid;grid-template-columns:1.2fr .8fr;height:256px}.chart{position:relative;border-right:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#060707,#111)}.chart i{position:absolute;bottom:38px;width:10px;background:#5ad5c7}.chart i:nth-child(1){left:38px;height:55px}.chart i:nth-child(2){left:70px;height:100px;background:#f05d6c}.chart i:nth-child(3){left:110px;height:70px}.chart i:nth-child(4){left:150px;height:128px}.chart i:nth-child(5){left:190px;height:82px}.chart i:nth-child(6){left:230px;height:105px}.book{display:grid;gap:8px;padding:26px 16px;background:#111}.book b{height:18px;background:linear-gradient(90deg,rgba(248,207,160,.28),transparent)}@media(max-width:1200px){.hero-copy{left:40px}.ring-scene{right:-180px}.metrics{gap:28px}.metrics b{font-size:31px}}@media(max-width:860px){.top{width:calc(100% - 28px)}nav a{display:none}.hero{min-height:940px}.hero-copy{left:22px;right:22px;top:150px;width:auto}.hero h1{font-size:52px}.hero p{width:auto}.ring-scene{right:-260px;top:300px;transform:scale(.72)}.metrics{grid-template-columns:1fr 1fr;bottom:50px}.why-layout{grid-template-columns:1fr}.why{width:calc(100% - 28px)}}
.app-body .trade-shell{grid-template-columns:40px minmax(760px,1fr) 388px 380px!important;grid-template-rows:minmax(452px,58.4%) minmax(220px,1fr)!important;gap:2px!important}
.app-body .pair-row{height:110px!important;grid-template-columns:34px 246px 74px 74px 128px 150px 154px 170px 1fr!important}
.app-body .chart-tabs{height:40px!important;padding-left:0!important}.app-body .chart-tabs a:first-child{margin-left:9px}
.app-body .timebar{height:42px!important;padding-left:5px!important;gap:14px!important}.app-body .chart-canvas{top:82px!important;bottom:42px!important}
.app-body .gridlines{inset:0 44px 0 40px!important;background-size:145px 58px!important}
.app-body .candles{left:54px!important;right:72px!important;top:82px!important;height:252px!important}.app-body .candles i{width:8px!important}
.app-body .volumes{left:54px!important;right:72px!important;bottom:16px!important;height:108px!important;gap:9px!important}
.app-body .orderbook{font-size:12px!important}.app-body .book-head{height:42px!important}.app-body .tick{height:34px!important}.app-body .depth p{height:24px!important;padding:0 11px!important}.app-body .labels{padding:0 11px 7px!important}
.app-body .ticket{padding:12px 8px!important}.app-body .mode-row{gap:8px!important}.app-body .mode-row button{height:34px!important}.app-body .side{height:34px!important;margin:13px 0 12px!important}
.app-body .ticket label{margin-top:17px!important}.app-body .enable{margin-top:113px!important;height:34px!important}.app-body .wallet{margin-top:14px!important}
.app-body .positions{grid-column:2/4!important}.app-body .pos-tabs{padding-left:0!important;gap:22px!important}.app-body .pos-head{padding-left:0!important;padding-right:8px!important}
.app-body .summary p,.app-body .risk p,.app-body .ticket p{font-size:12px!important}
.app-body .pair-row{height:68px!important;grid-template-columns:246px 74px 74px 128px 150px 154px 170px 1fr!important}
.app-body .pair-row>div{padding-top:13px!important}
.app-body .pair-row>div{border-right:0!important}
.app-body .pair-picker{position:relative!important;z-index:30!important;padding-left:36px!important}
.app-body .pair-name{padding-left:0!important;border:0!important;background:transparent!important;color:#f6fefd!important;height:40px!important}
.app-body .pair-name b{font-size:19px!important;font-weight:900!important;letter-spacing:-.035em!important}
.app-body .pair-name em{font-size:12px!important}
.app-body .pair-menu{position:fixed!important;left:28px!important;top:104px!important;width:330px!important;max-height:430px!important;display:none!important;z-index:99999!important;border:1px solid rgba(248,210,165,.22)!important;border-radius:10px!important;background:#081316!important;box-shadow:0 18px 60px rgba(0,0,0,.45)!important;overflow:hidden!important}
.app-body .pair-menu.open{display:block!important}
.app-body .pair-menu input{width:calc(100% - 20px)!important;height:36px!important;margin:10px!important;border:1px solid rgba(248,210,165,.22)!important;border-radius:8px!important;background:#0e2025!important;color:#f6fefd!important;padding:0 12px!important;outline:0!important}
.app-body .pair-menu input:focus{border-color:rgba(248,210,165,.72)!important;box-shadow:0 0 0 2px rgba(248,210,165,.12)!important}
.app-body .pair-list{max-height:372px!important;overflow:auto!important;padding:0 6px 7px!important}
.app-body .pair-list p{margin:12px!important;color:#8fa0a7!important}
.app-body .pair-list button{width:100%!important;height:38px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;border:0!important;border-radius:7px!important;background:transparent!important;color:#dce8e7!important;padding:0 10px!important;text-align:left!important}
.app-body .pair-list button:hover{background:rgba(248,210,165,.12)!important;color:var(--gold)!important}
.app-body .pair-list button b{font-size:13px!important;font-weight:650!important;color:inherit!important}
.app-body .pair-list button span{margin:0!important;font-size:11px!important;color:#7f9299!important}
.app-body .star{display:none!important}
.app-body .trade-shell{height:calc(100% - 68px - 26px)!important}
.app-body .terminal{overflow:hidden!important}
.app-body .pair-row{position:absolute!important;left:0!important;top:0!important;width:calc(100% - 768px)!important;z-index:3!important;border-bottom:2px solid #1b3036!important}
.app-body .trade-shell{position:absolute!important;left:0!important;right:0!important;top:0!important;bottom:26px!important;height:auto!important;grid-template-columns:40px minmax(760px,1fr) 388px 380px!important;grid-template-rows:68px minmax(420px,56%) 1fr!important;grid-template-areas:"pair pair book ticket" "tools chart book ticket" "positions positions positions ticket"!important}
.app-body .drawing-tools{grid-area:tools!important;grid-row:auto!important}
.app-body .chart-area{grid-area:chart!important;border-top:2px solid #1b3036!important}
.app-body .orderbook{grid-area:book!important;height:100%!important;align-self:stretch!important}
.app-body .ticket{grid-area:ticket!important;height:100%!important;align-self:stretch!important;display:flex!important;flex-direction:column!important}
.app-body .ticket .enable{margin-top:auto!important}
.app-body .positions{grid-area:positions!important;grid-column:auto!important;min-height:0!important;align-self:stretch!important}
.app-body .pos-tabs{height:37px!important}
.app-body .app-foot{position:absolute!important;left:0!important;right:0!important;bottom:0!important}
@media(max-width:1500px){.app-body .trade-shell{grid-template-columns:40px minmax(520px,1fr) 360px 360px!important}.app-body .pair-row{width:calc(100% - 720px)!important;grid-template-columns:230px repeat(6,1fr)!important}}
.app-body,.app-body *{font-family:AsterRef,AsterRefAlt,Arial,"Helvetica Neue",Helvetica,system-ui,-apple-system,"Segoe UI",Roboto,Ubuntu,sans-serif!important;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}
.app-body,.app-body *{font-weight:400!important}
.app-body b,.app-body strong{font-weight:650!important}
.app-body button,.app-body .app-nav a,.app-body .chart-tabs a,.app-body .timebar b,.app-body .pos-tabs a{font-weight:550!important}
.app-body .pair-name b{font-weight:700!important}
.app-body .depth b,.app-body .depth em,.app-body .ticket p b,.app-body .summary b,.app-body .pair-row b{font-weight:650!important}
.app-body .pair-row b,.app-body .depth b,.app-body .depth em,.app-body .ticket p b,.app-body .summary b,.app-body .axis,.app-body .tick{font-variant-numeric:tabular-nums!important}
.app-body .pair-row span,.app-body .labels,.app-body .ticket p span,.app-body .summary span,.app-body .risk span{font-weight:400!important}
.app-body .trade-shell{grid-template-areas:"pair pair book ticket" "tools chart book ticket" "tools positions positions ticket"!important}
.app-body .drawing-tools{grid-area:tools!important;grid-row:2/4!important}
.app-body .positions{grid-area:positions!important;grid-column:auto!important;overflow:hidden!important;background:#0b171b!important}
.app-body .pos-tabs{height:38px!important;padding:0 18px!important;gap:24px!important;white-space:nowrap!important;overflow:hidden!important}
.app-body .pos-head{height:38px!important;padding:0 18px!important;display:grid!important;grid-template-columns:minmax(88px,1fr) minmax(70px,.75fr) minmax(130px,1.05fr) minmax(100px,.95fr) minmax(100px,.95fr) minmax(118px,1fr) minmax(94px,.85fr) minmax(94px,.85fr) minmax(90px,.85fr) minmax(80px,.75fr) minmax(80px,.75fr)!important;gap:14px!important;align-items:center!important;overflow:hidden!important}
.app-body .pos-head span{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.app-body .empty{display:block!important;margin-top:4px!important;padding-left:18px!important;white-space:nowrap!important}
.app-body .positions{height:100%!important;min-height:100%!important;border-top:0!important}
.app-body .pos-tabs{background:#0b171b!important;border-bottom:1px solid #20363c!important}
.app-body .pos-head{background:#0b171b!important;color:#7f969d!important}
.app-body .ticket{background:#0b171b!important;padding:12px 10px!important;overflow:hidden!important}
.app-body .ticket label div{width:100%!important}
.app-body .slider{gap:0!important;justify-content:space-between!important;margin:16px 0 10px!important}
.app-body .slider b{flex:0 0 auto!important;margin-left:12px!important}
.app-body .check{display:flex!important;justify-content:flex-start!important;align-items:center!important;gap:9px!important;margin:8px 0!important;width:100%!important;text-align:left!important}
.app-body .check input{flex:0 0 14px!important;width:14px!important;height:14px!important;margin:0!important;padding:0!important;appearance:auto!important}
.app-body .check{color:#f4ffff!important}
.app-body .enable{height:41px!important;margin-top:auto!important;margin-bottom:16px!important;border-radius:7px!important}
.app-body .risk{padding:0 0 15px!important;margin:0!important;border-bottom:1px solid #24383e!important}
.app-body .risk p{margin:8px 0!important}
.app-body .wallet{margin:14px 0 15px!important;padding-bottom:13px!important;border-bottom:1px solid #24383e!important}
.app-body .wallet button{height:42px!important}
.app-body .summary h3{margin-top:0!important;margin-bottom:12px!important}
.app-body .summary p{margin:8px 0!important}
.app-body .trade-shell{grid-template-areas:"pair pair book ticket" "tools chart book ticket" "positions positions positions ticket"!important}
.app-body .drawing-tools{grid-row:2/3!important}
.app-body .positions{grid-area:positions!important;grid-column:1/4!important;padding-left:40px!important;background:#0b171b!important;border-top:2px solid #1b3036!important;min-height:100%!important;height:100%!important}
.app-body .pos-tabs{padding:0 18px!important;margin-left:0!important}
.app-body .pos-head{padding:0 18px!important;margin-left:0!important}
.app-body .empty{padding-left:18px!important}
.app-body .positions:after{content:"";position:absolute;right:0;top:0;bottom:0;width:388px;background:rgba(35,55,61,.55);pointer-events:none}
.app-body .positions{position:relative!important}
.app-body .positions>*{position:relative;z-index:1}
.app-body .positions:after{display:none!important;background:transparent!important}
.app-body{--gold:#f8d2a5;--gold-soft:#ffdcb4;--gold-deep:#d99f5d;--gold-muted:#9e7a52;--gold-panel:rgba(248,210,165,.16);--gold-panel-strong:rgba(248,210,165,.28)}
.app-body .app-nav .active,.app-body .timebar b,.app-body .pair-row .cyan,.app-body .book-head .active,.app-body .order-tabs .active,.app-body .wallet button,.app-body .summary b,.app-body .risk b,.app-body .tick,.app-body .app-foot span{color:var(--gold)!important}
.app-body .chart-tabs .active,.app-body .book-head .active,.app-body .order-tabs .active,.app-body .pos-tabs .active{border-bottom-color:var(--gold)!important}
.app-body .pair-name b:first-letter,.app-body .bids span,.app-body .legend .dot+span,.app-body .chart-canvas .cyan{color:var(--gold)!important}
.app-body .pair-name em{background:rgba(248,210,165,.13)!important;color:var(--gold)!important}
.app-body .dot{background:var(--gold-deep)!important;box-shadow:0 0 0 6px rgba(248,210,165,.12)!important}
.app-body .side button:first-child,.app-body .enable,.app-body .wallet button:first-child{background:linear-gradient(90deg,var(--gold),var(--gold-soft))!important;color:#120d08!important}
.app-body .wallet button{border-color:var(--gold)!important}
.app-body .slider:before{border-color:var(--gold)!important}
.app-body .slider i{background:rgba(248,210,165,.32)!important}
.app-body .candles i{background:var(--gold-deep)!important}
.app-body .candles i:nth-child(odd){background:#ff5e72!important}
.app-body .volumes i{background:rgba(248,210,165,.56)!important}
.app-body .volumes i:nth-child(odd){background:rgba(255,94,114,.48)!important}
.app-body .bids p:before{background:rgba(185,132,74,.62)!important}
.app-body .asks p:before{background:rgba(121,51,63,.72)!important}
.app-body .price-line{border-top-color:rgba(248,210,165,.7)!important}
.app-body .app-foot span{border-color:var(--gold)!important}
.app-body .app-mark,.app-body .app-mark:before,.app-body .app-mark:after{background:var(--gold-soft)!important}
.app-body .ticket input{caret-color:var(--gold)!important}
.app-body .candles i.up{background:var(--gold-deep)!important}
.app-body .candles i.down{background:#ff5e72!important}
.app-body .volumes i.up{background:rgba(248,210,165,.62)!important}
.app-body .volumes i.down{background:rgba(255,94,114,.52)!important}
.app-body .screener-page{height:calc(100vh - 52px);background:#050606;padding:16px}
.app-body .screener-page iframe{width:100%;height:calc(100vh - 84px);display:block;border:1px solid #24383e;border-radius:12px;background:#0b171b}
.app-body .tv-live-chart{position:absolute!important;inset:0 0 0 62px!important;width:auto!important;height:auto!important;border:0!important;outline:0!important;background:#0b171b!important;z-index:8!important;overflow:hidden!important;color-scheme:dark!important}
.app-body .tv-live-chart .tradingview-widget-container__widget{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;background:#0b171b!important}
.app-body .tv-live-chart iframe{position:absolute!important;left:-1px!important;top:-1px!important;right:-1px!important;bottom:-46px!important;width:calc(100% + 2px)!important;height:calc(100% + 47px)!important;border:0!important;outline:0!important;display:block!important;background:#0b171b!important;color-scheme:dark!important}
.app-body .chart-canvas .legend,.app-body .chart-canvas .gridlines,.app-body .chart-canvas .price-line,.app-body .chart-canvas .candles,.app-body .chart-canvas .volumes,.app-body .chart-canvas .tv,.app-body .chart-canvas .axis{display:none!important}
.app-body .trade-shell{grid-template-columns:minmax(800px,1fr) 388px 380px!important;grid-template-areas:"pair book ticket" "chart book ticket" "positions positions ticket"!important;row-gap:0!important}
.app-body .drawing-tools,.app-body .chart-tabs,.app-body .timebar,.app-body .range-row{display:none!important}
.app-body .pair-row{border-bottom:0!important}
.app-body .chart-area{grid-area:chart!important;border-top:1px solid #263b41!important;border-radius:8px 8px 0 0!important;overflow:hidden!important;background:#0b171b!important}
.app-body .chart-area:before{display:none!important}
.app-body .chart-canvas{top:0!important;bottom:0!important;left:0!important;right:0!important}
.app-body .positions{grid-column:1/3!important;padding-left:0!important}
.app-body .pair-row{width:calc(100% - 768px)!important}
.app-body .tv-live-chart{filter:saturate(.92) sepia(.08) hue-rotate(348deg)!important}
.app-body .tv-live-chart{display:block!important;z-index:9!important}
.app-body .native-chart{display:block!important;position:absolute!important;inset:0!important;z-index:12!important;background:transparent!important;overflow:hidden!important;pointer-events:none!important}
.app-body .native-chart-surface{display:none!important;position:absolute!important;inset:0!important}
.app-body .draw-layer{position:absolute!important;inset:0 0 0 62px!important;width:auto!important;height:auto!important;z-index:11!important;cursor:crosshair!important;pointer-events:auto!important}
.app-body .draw-layer.is-cursor{pointer-events:none!important;cursor:default!important}
.app-body .native-draw-toolbar{position:absolute!important;left:0!important;top:0!important;bottom:0!important;z-index:13!important;width:62px!important;height:auto!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;padding:7px 6px 8px!important;border-right:1px solid rgba(248,210,165,.16)!important;border-radius:0!important;background:#070d14!important;box-shadow:inset -1px 0 0 rgba(255,255,255,.025)!important;pointer-events:auto!important}
.app-body .native-draw-group{display:flex!important;flex-direction:column!important;align-items:center!important;gap:6px!important;width:100%!important}
.app-body .native-draw-main{padding-top:0!important}
.app-body .native-draw-bottom{padding-bottom:2px!important}
.app-body .native-draw-toolbar button{width:40px!important;height:40px!important;border:1px solid rgba(248,210,165,.14)!important;border-radius:6px!important;background:#0a121b!important;color:#d2c0a7!important;font-size:13px!important;line-height:1!important;display:grid!important;place-items:center!important;padding:0!important;cursor:pointer!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.015)!important}
.app-body .native-draw-toolbar button svg{width:18px!important;height:18px!important;display:block!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.app-body .native-draw-toolbar button:hover,.app-body .native-draw-toolbar button.active{background:#101a25!important;border-color:rgba(248,210,165,.55)!important;color:#f8d2a5!important;box-shadow:0 0 0 1px rgba(248,210,165,.16),inset 3px 0 0 #f8d2a5!important}
.app-body .native-draw-toolbar [data-chart-tf]{width:auto!important;min-width:28px!important;padding:0 7px!important;font-size:11px!important;font-weight:700!important}
.app-body .native-draw-divider{display:block!important;width:1px!important;height:18px!important;margin:0 2px!important;background:rgba(248,210,165,.18)!important}
.app-body .native-draw-toolbar [data-draw-clear]{color:#9d8e7b!important}
body>.pair-menu{position:fixed!important;width:330px!important;max-height:430px!important;display:none!important;z-index:2147483647!important;border:1px solid rgba(248,210,165,.35)!important;border-radius:10px!important;background:#081316!important;box-shadow:0 22px 70px rgba(0,0,0,.65)!important;overflow:hidden!important;color:#f6fefd!important;font-family:AsterRef,AsterRefAlt,Arial,"Helvetica Neue",Helvetica,system-ui,-apple-system,"Segoe UI",Roboto,Ubuntu,sans-serif!important;isolation:isolate!important}
body>.pair-menu.open{display:block!important}
body>.pair-menu input{width:calc(100% - 20px)!important;height:36px!important;margin:10px!important;border:1px solid rgba(248,210,165,.26)!important;border-radius:8px!important;background:#0e2025!important;color:#f6fefd!important;padding:0 12px!important;outline:0!important}
body>.pair-menu input:focus{border-color:rgba(248,210,165,.75)!important;box-shadow:0 0 0 2px rgba(248,210,165,.12)!important}
body>.pair-menu .pair-list{max-height:372px!important;overflow:auto!important;padding:0 6px 7px!important}
body>.pair-menu .pair-list p{margin:12px!important;color:#8fa0a7!important}
body>.pair-menu .pair-list button{width:100%!important;height:38px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;border:0!important;border-radius:7px!important;background:transparent!important;color:#dce8e7!important;padding:0 10px!important;text-align:left!important;font:inherit!important;cursor:pointer!important}
body>.pair-menu .pair-list button:hover{background:rgba(248,210,165,.12)!important;color:#f8d2a5!important}
body>.pair-menu .pair-list button b{font-size:13px!important;font-weight:650!important;color:inherit!important}
body>.pair-menu .pair-list button span{margin:0!important;font-size:11px!important;color:#7f9299!important}
html,body,button,input,select,textarea{font-family:"Geist","Inter","Segoe UI",system-ui,sans-serif!important}
body:not(.app-body),body:not(.app-body) *{font-family:"Geist","Inter","Segoe UI",system-ui,sans-serif!important}
.app-body,.app-body *,.app-body button,.app-body input,.app-body select,.app-body textarea,body>.pair-menu,body>.pair-menu *{font-family:"Geist","Inter","Segoe UI",system-ui,sans-serif!important}
:root{--cs-bg:#04060b;--cs-sidebar:#070b12;--cs-header:#10141c;--cs-panel:#070a10;--cs-card:#080c13;--cs-input:#080d15;--cs-border:#252b35;--cs-border-soft:#171e2a;--cs-accent:#7c5cff;--cs-accent-dim:rgba(124,92,255,.12);--cs-accent-glow:rgba(124,92,255,.22);--cs-text:#edf1f8;--cs-muted:#929caf;--cs-muted-2:#687387;--cs-positive:#6eb5ff;--cs-up:#0A9D61;--cs-ask:#CC4444;--cs-down:#DA2647;--cs-ask-dim:rgba(204,68,68,.09);--cs-hover:#0e1420}
html,body{background:var(--cs-bg)!important;color:var(--cs-text)!important}
body:not(.app-body),body:not(.app-body) .hero,body:not(.app-body) .why{background:var(--cs-bg)!important;color:var(--cs-text)!important}
body:not(.app-body) .top{background:rgba(16,20,28,.94)!important;border-bottom:1px solid var(--cs-border)!important;backdrop-filter:blur(14px)!important}
body:not(.app-body) .logo{color:#e9f2e6!important}
body:not(.app-body) .logo-mark{background:var(--cs-accent)!important;box-shadow:0 0 18px var(--cs-accent-glow)!important}
body:not(.app-body) .logo-mark i{background:var(--cs-bg)!important}
body:not(.app-body) nav{color:var(--cs-text)!important}
body:not(.app-body) nav a:hover{color:var(--cs-accent)!important}
body:not(.app-body) nav button,body:not(.app-body) .primary{background:var(--cs-accent)!important;border-color:rgba(124,92,255,.46)!important;color:#fff!important;box-shadow:0 0 22px var(--cs-accent-glow)!important}
body:not(.app-body) .hero:after{background:linear-gradient(0deg,var(--cs-bg) 20%,transparent)!important}
body:not(.app-body) .grid{background-image:linear-gradient(rgba(124,92,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(124,92,255,.06) 1px,transparent 1px)!important}
body:not(.app-body) .hero h1{color:#edf5ea!important}
body:not(.app-body) .hero h1 span{color:var(--cs-accent)!important}
body:not(.app-body) .hero p,body:not(.app-body) .why p{color:var(--cs-muted-2)!important}
body:not(.app-body) .beam{background:radial-gradient(ellipse at right,rgba(124,92,255,.38),rgba(124,92,255,.14) 22%,rgba(30,35,50,.2) 48%,transparent 72%)!important}
body:not(.app-body) .halo{border-color:rgba(124,92,255,.2)!important}
body:not(.app-body) .mega-ring{background:radial-gradient(ellipse at 49% 51%,transparent 46%,#7c5cff 47%,#9b83ff 49%,#151225 52%,#323041 56%,#080c13 62%,transparent 66%)!important}
body:not(.app-body) .inner-glow{border-color:rgba(124,92,255,.9)!important;box-shadow:inset 0 0 30px #7c5cff,0 0 22px rgba(124,92,255,.42)!important}
body:not(.app-body) .candle-board i{background:rgba(110,181,255,.42)!important}
body:not(.app-body) .candle-board span{color:rgba(155,131,255,.72)!important}
body:not(.app-body) .why h2,body:not(.app-body) .why h3,body:not(.app-body) .metrics b{color:#e9f2e6!important}
body:not(.app-body) .metrics span{color:var(--cs-muted-2)!important}
body:not(.app-body) .why article{background:linear-gradient(180deg,rgba(30,38,54,.55),rgba(16,22,34,.6))!important;border-color:rgba(255,255,255,.1)!important}
body:not(.app-body) .tile-icon{background:var(--cs-input)!important;border-color:rgba(124,92,255,.35)!important;box-shadow:0 0 28px var(--cs-accent-glow)!important}
body:not(.app-body) .tile-icon.globe:before,body:not(.app-body) .tile-icon.shield:before{background:var(--cs-accent)!important}
body:not(.app-body) .terminal-top,body:not(.app-body) .book{background:var(--cs-panel)!important;color:var(--cs-muted-2)!important}
body:not(.app-body) .chart{background:linear-gradient(180deg,var(--cs-bg),var(--cs-panel))!important;border-color:var(--cs-border)!important}
body:not(.app-body) .chart i{background:var(--cs-accent)!important}
body:not(.app-body) .chart i:nth-child(2){background:var(--cs-ask)!important}
body:not(.app-body) .book b{background:linear-gradient(90deg,rgba(124,92,255,.22),transparent)!important}
.app-body{--gold:var(--cs-accent);--gold-soft:#9b83ff;--gold-deep:#7c5cff;--gold-muted:#687387;--gold-panel:var(--cs-accent-dim);--gold-panel-strong:rgba(124,92,255,.22);background:var(--cs-bg)!important;color:var(--cs-text)!important;font-size:14px!important}
.app-body .app-top,.app-body .pair-row,.app-body .terminal,.app-body .chart-area,.app-body .chart-canvas,.app-body .orderbook,.app-body .ticket,.app-body .positions,.app-body .pos-tabs,.app-body .pos-head,.app-body .app-foot{background:var(--cs-bg)!important}
.app-body .app-top{border-bottom-color:var(--cs-border)!important}
.app-body .app-logo,.app-body .app-nav a,.app-body .pair-name b,.app-body .empty,.app-body .summary h3{color:var(--cs-text)!important}
.app-body .app-mark,.app-body .app-mark:before,.app-body .app-mark:after{background:var(--cs-accent)!important}
.app-body .app-nav .active,.app-body .pair-name b:first-letter,.app-body .pair-row .cyan,.app-body .book-head .active,.app-body .order-tabs .active,.app-body .pos-tabs .active,.app-body .tick,.app-body .wallet button,.app-body .app-foot span{color:var(--cs-accent)!important}
.app-body .app-nav .active{background:var(--cs-accent-dim)!important;border:1px solid rgba(124,92,255,.28)!important;border-radius:7px!important;padding:7px 10px!important}
.app-body .app-tools button,.app-body .mode-row button,.app-body .side button,.app-body .ticket label div{background:var(--cs-input)!important;border-color:#1e2e1e!important;color:var(--cs-text)!important}
.app-body .app-tools button:hover,.app-body .mode-row button:hover{border-color:var(--cs-accent)!important;color:var(--cs-accent)!important}
.app-body .trade-shell{background:var(--cs-border)!important}
.app-body .pair-row span,.app-body .labels,.app-body .ticket p,.app-body .ticket label,.app-body .summary p,.app-body .risk span,.app-body .pos-head,.app-body .book-head button,.app-body .order-tabs button,.app-body .pos-tabs a{color:var(--cs-muted-2)!important}
.app-body .pair-row b,.app-body .depth b,.app-body .depth em,.app-body .ticket p b,.app-body .summary b,.app-body .risk b{color:var(--cs-text)!important}
.app-body .pair-row .red,.app-body .asks span,.app-body .chart-canvas .red{color:var(--cs-ask)!important}
.app-body .bids span{color:var(--cs-accent)!important}
.app-body .pair-name em{background:var(--cs-accent-dim)!important;color:#b7a6ff!important;border:1px solid rgba(124,92,255,.32)!important}
.app-body .book-head,.app-body .order-tabs,.app-body .pos-tabs,.app-body .risk,.app-body .wallet,.app-body .app-foot{border-color:var(--cs-border)!important}
.app-body .book-head .active,.app-body .order-tabs .active,.app-body .pos-tabs .active{border-bottom-color:var(--cs-accent)!important}
.app-body .spread{background:#171e2a!important;color:var(--cs-text)!important}
.app-body .asks p:before{background:rgba(204,68,68,.42)!important}
.app-body .bids p:before{background:rgba(10,157,97,.28)!important}
.app-body .side button:first-child,.app-body .enable,.app-body .wallet button:first-child{background:var(--cs-accent)!important;color:#000!important;box-shadow:0 0 12px var(--cs-accent-glow)!important}
.app-body .wallet button{border-color:var(--cs-accent)!important;color:var(--cs-accent)!important}
.app-body .slider{border-top-color:#1e2e1e!important}
.app-body .slider:before{background:var(--cs-bg)!important;border-color:var(--cs-accent)!important}
.app-body .slider i{background:var(--cs-muted)!important}
.app-body input[type=checkbox]{accent-color:var(--cs-accent)!important}
.app-body .chart-area{border-top-color:var(--cs-border)!important}
.app-body .tv-live-chart,.app-body .tv-live-chart .tradingview-widget-container__widget,.app-body .tv-live-chart iframe{background:var(--cs-bg)!important;filter:none!important}
.app-body .native-draw-toolbar{background:var(--cs-sidebar)!important;border-right-color:var(--cs-border)!important;box-shadow:none!important}
.app-body .native-draw-toolbar button{background:var(--cs-input)!important;border-color:#1e2e1e!important;color:var(--cs-muted-2)!important;box-shadow:none!important}
.app-body .native-draw-toolbar button:hover,.app-body .native-draw-toolbar button.active{background:var(--cs-accent-dim)!important;border-color:rgba(124,92,255,.5)!important;color:#b7a6ff!important;box-shadow:inset 3px 0 0 var(--cs-accent),0 0 8px var(--cs-accent-glow)!important}
.app-body .native-draw-divider{background:var(--cs-border)!important}
.app-body .screener-page{background:var(--cs-bg)!important}
.app-body .screener-page iframe{background:var(--cs-bg)!important;border-color:var(--cs-border)!important}
body>.pair-menu{background:var(--cs-card)!important;border-color:rgba(124,92,255,.38)!important;color:var(--cs-text)!important}
body>.pair-menu input{background:var(--cs-input)!important;border-color:#1e2e1e!important;color:var(--cs-text)!important}
body>.pair-menu input:focus{border-color:var(--cs-accent)!important;box-shadow:0 0 0 2px var(--cs-accent-dim)!important}
body>.pair-menu .pair-list button{color:var(--cs-text)!important}
body>.pair-menu .pair-list button:hover{background:var(--cs-accent-dim)!important;color:var(--cs-accent)!important}
body>.pair-menu .pair-list button span{color:var(--cs-muted-2)!important}
.app-body button,.app-body input,.app-body select,body>.pair-menu button,body>.pair-menu input{transition:border-color .15s,color .15s,background .15s!important}
.app-body .app-nav a{font-weight:500!important}
.app-body .app-nav .active{font-weight:600!important}
.app-body .pair-row span,.app-body .labels,.app-body .ticket p,.app-body .ticket label,.app-body .summary p,.app-body .risk span,.app-body .pos-head{font-weight:400!important}
.app-body .pair-row b,.app-body .depth b,.app-body .depth em,.app-body .ticket p b,.app-body .summary b,.app-body .risk b{font-weight:600!important}
.app-body .mode-row button,.app-body .side button,.app-body .enable,.app-body .wallet button,.app-body .book-head button,.app-body .order-tabs button,.app-body .pos-tabs a{font-weight:600!important}
.app-body .app-tools button,.app-body .mode-row button,.app-body .ticket label div,.app-body .wallet button,.app-body .enable{border-radius:6px!important}
.app-body .native-draw-toolbar button{border-radius:7px!important}
.app-body input[type=checkbox]{appearance:none!important;width:14px!important;height:14px!important;flex:0 0 14px!important;border:1px solid var(--cs-muted-2)!important;border-radius:3px!important;background:#1e2e18!important;display:grid!important;place-items:center!important}
.app-body input[type=checkbox]:checked{background:var(--cs-accent)!important;border-color:var(--cs-accent)!important;box-shadow:0 0 7px var(--cs-accent-glow)!important}
.app-body input[type=checkbox]:checked:after{content:""!important;width:7px!important;height:4px!important;border-left:2px solid #000!important;border-bottom:2px solid #000!important;transform:rotate(-45deg) translateY(-1px)!important}
.app-body .app-top{background:var(--cs-header)!important;box-shadow:0 8px 26px rgba(0,0,0,.22)!important}
.app-body .pair-row{background:var(--cs-sidebar)!important}
.app-body .orderbook,.app-body .ticket,.app-body .positions{background:var(--cs-panel)!important}
.app-body .chart-area,.app-body .chart-canvas{background:var(--cs-bg)!important}
.app-body .ticket label div,.app-body .app-tools button,.app-body .mode-row button,.app-body .native-draw-toolbar button{border:1px solid var(--cs-border)!important}
.app-body .depth p:hover,.app-body .pos-head:hover,body>.pair-menu .pair-list button:hover{background:var(--cs-hover)!important}
.app-body .app-nav a{font-size:13px!important}
.app-body .pair-row>div:not(.pair-name) b,.app-body .depth p,.app-body .ticket p b,.app-body .summary p b,.app-body .risk p b{font-family:"Roboto Mono",monospace!important;font-variant-numeric:tabular-nums!important}
.app-body .pair-row .cyan{color:var(--cs-positive)!important}
.app-body .bids span{color:var(--cs-up)!important}
.app-body .asks span,.app-body .pair-row .red{color:var(--cs-ask)!important}
.app-body .orderbook,.app-body .ticket,.app-body .positions,.app-body .chart-area{border-color:var(--cs-border)!important}
.app-body .app-tools button,.app-body .mode-row button,.app-body .native-draw-toolbar button{background:#080d15!important;border-color:#1c2532!important;color:#eef3fa!important}
.app-body .app-tools button:hover,.app-body .mode-row button:hover{background:var(--cs-accent-dim)!important;border-color:rgba(124,92,255,.46)!important;color:#b7a6ff!important}
body>.pair-menu{border-radius:12px!important;box-shadow:0 24px 70px rgba(0,0,0,.72)!important}
body>.pair-menu input{background:#080d15!important;border-color:#1c2532!important;border-radius:9px!important}

/* Lighter-inspired terminal skin. Functional data and chart logic stay local. */
:root{--lt-bg:#06060c;--lt-surface:#15151b;--lt-surface-2:#18181e;--lt-fill:rgba(255,255,255,.05);--lt-fill-hover:rgba(255,255,255,.08);--lt-line:rgba(255,255,255,.07);--lt-line-strong:rgba(255,255,255,.12);--lt-ink:#f1f1f2;--lt-dim:#b4b4b8;--lt-muted:#77777f;--lt-buy:#3cffb2;--lt-buy-label:#003e13;--lt-sell:#ff0040;--lt-panel-radius:6px;--lt-book:clamp(270px,21.3vw,420px);--lt-ticket:clamp(270px,21vw,420px)}
.app-body,.app-body *,.app-body button,.app-body input,.app-body select,.app-body textarea,body>.pair-menu,body>.pair-menu *{font-family:"Inter Variable","Inter",system-ui,-apple-system,"Segoe UI",sans-serif!important}
.app-body{margin:0!important;background:var(--lt-bg)!important;color:var(--lt-ink)!important;font-size:12px!important;line-height:18px!important;font-weight:400!important;letter-spacing:0!important}
.app-body .app-top{height:47px!important;padding:0 10px!important;background:var(--lt-bg)!important;border:0!important;box-shadow:none!important;gap:10px!important}
.app-body .app-logo{width:auto!important;min-width:82px!important;padding:0!important;gap:7px!important;font-size:14px!important;font-weight:500!important;color:var(--lt-ink)!important}
.app-body .app-mark,.app-body .app-mark:before,.app-body .app-mark:after{background:var(--lt-ink)!important}
.app-body .app-mark{width:17px!important;height:10px!important}
.app-body .app-mark:before,.app-body .app-mark:after{width:7px!important;height:7px!important;top:1.5px!important}
.app-body .app-nav{height:100%!important;gap:2px!important}
.app-body .app-nav a{height:28px!important;display:flex!important;align-items:center!important;padding:0 9px!important;border:1px solid transparent!important;border-radius:4px!important;color:var(--lt-dim)!important;font-size:12px!important;line-height:16px!important;font-weight:500!important;white-space:nowrap!important}
.app-body .app-nav a:hover{background:var(--lt-fill)!important;color:var(--lt-ink)!important}
.app-body .app-nav .active{background:var(--lt-fill)!important;border-color:var(--lt-line)!important;color:var(--lt-ink)!important;font-weight:500!important}
.app-body .app-tools{gap:4px!important;padding:0!important;margin-left:auto!important}
.app-body .app-tools button{height:28px!important;min-width:28px!important;padding:0 8px!important;border:1px solid var(--lt-line)!important;border-radius:5px!important;background:var(--lt-fill)!important;color:var(--lt-dim)!important;font-size:11px!important;font-weight:500!important}
.app-body .app-tools button:hover{background:var(--lt-fill-hover)!important;border-color:var(--lt-line-strong)!important;color:var(--lt-ink)!important}
.app-body .terminal{height:calc(100vh - 47px)!important;padding:0!important;position:relative!important;background:var(--lt-bg)!important;overflow:hidden!important}
.app-body .pair-row{position:absolute!important;z-index:20!important;left:4px!important;top:4px!important;width:calc(100% - var(--lt-book) - var(--lt-ticket) - 14px)!important;height:32px!important;display:grid!important;grid-template-columns:minmax(180px,1.15fr) repeat(2,minmax(78px,.55fr)) minmax(108px,.8fr) minmax(120px,1fr) minmax(135px,1.08fr) minmax(150px,1.15fr)!important;align-items:center!important;overflow:hidden!important;padding:0 8px!important;background:var(--lt-fill)!important;border:1px solid var(--lt-line)!important;border-radius:var(--lt-panel-radius)!important}
.app-body .pair-row>div{height:30px!important;min-width:0!important;padding:3px 7px 0!important;border:0!important;display:block!important}
.app-body .pair-picker{padding-left:0!important;overflow:visible!important}
.app-body .pair-name{height:26px!important;width:100%!important;gap:5px!important;padding:0!important;background:transparent!important;color:var(--lt-ink)!important;overflow:hidden!important}
.app-body .pair-name b{font-size:13px!important;line-height:16px!important;font-weight:600!important;white-space:nowrap!important;color:var(--lt-ink)!important}
.app-body .pair-name b:first-letter{color:var(--lt-buy)!important}
.app-body .pair-name span{margin:0!important;font-size:9px!important;color:var(--lt-muted)!important}
.app-body .pair-name em{padding:1px 5px!important;border:0!important;border-radius:4px!important;background:rgba(255,255,255,.08)!important;color:var(--lt-dim)!important;font-size:10px!important;line-height:18px!important}
.app-body .pair-row>div:not(.pair-picker) span{margin:0!important;color:var(--lt-muted)!important;font-size:8px!important;line-height:10px!important;text-transform:uppercase!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.app-body .pair-row>div:not(.pair-picker) b{display:block!important;margin-top:0!important;color:var(--lt-ink)!important;font-family:inherit!important;font-size:10px!important;line-height:12px!important;font-weight:500!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-variant-numeric:tabular-nums!important}
.app-body .pair-row .red{color:var(--lt-sell)!important}.app-body .pair-row .cyan{color:var(--lt-buy)!important}
.app-body .trade-shell{height:calc(100% - 24px)!important;width:100%!important;padding:4px 4px 0!important;display:grid!important;grid-template-columns:minmax(560px,1fr) var(--lt-book) var(--lt-ticket)!important;grid-template-rows:minmax(400px,68%) minmax(145px,1fr)!important;grid-template-areas:"chart book ticket" "positions book ticket"!important;gap:3px!important;background:var(--lt-bg)!important}
.app-body .chart-area,.app-body .orderbook,.app-body .ticket,.app-body .positions{min-width:0!important;background:var(--lt-fill)!important;border:1px solid var(--lt-line)!important;border-radius:var(--lt-panel-radius)!important;box-shadow:none!important}
.app-body .chart-area{grid-area:chart!important;position:relative!important;overflow:hidden!important;border-top-color:var(--lt-line)!important}
.app-body .chart-canvas{position:absolute!important;left:0!important;right:0!important;top:35px!important;bottom:0!important;background:var(--lt-bg)!important;overflow:hidden!important}
.app-body .orderbook{grid-area:book!important;overflow:hidden!important}
.app-body .ticket{grid-area:ticket!important;padding:6px!important;overflow:auto!important;scrollbar-width:thin!important;scrollbar-color:var(--lt-line-strong) transparent!important}
.app-body .positions{grid-area:positions!important;grid-column:auto!important;padding:0!important;overflow:hidden!important}
.app-body .drawing-tools,.app-body .chart-tabs,.app-body .timebar,.app-body .range-row{display:none!important}
.app-body .tv-live-chart{inset:0 0 0 40px!important;background:var(--lt-bg)!important;filter:none!important}
.app-body .tv-live-chart .tradingview-widget-container__widget,.app-body .tv-live-chart iframe{background:var(--lt-bg)!important}
.app-body .draw-layer{inset:0 0 0 40px!important}
.app-body .native-draw-toolbar{left:0!important;top:0!important;bottom:0!important;width:40px!important;padding:5px 3px!important;gap:4px!important;background:var(--lt-surface)!important;border:0!important;border-right:1px solid var(--lt-line)!important;border-radius:0!important;box-shadow:none!important}
.app-body .native-draw-group{gap:3px!important}
.app-body .native-draw-toolbar button{width:32px!important;height:32px!important;padding:0!important;border:1px solid var(--lt-line)!important;border-radius:4px!important;background:transparent!important;color:var(--lt-dim)!important;box-shadow:none!important}
.app-body .native-draw-toolbar button svg{width:15px!important;height:15px!important;stroke-width:1.6!important}
.app-body .native-draw-toolbar button:hover,.app-body .native-draw-toolbar button.active{background:var(--lt-fill-hover)!important;border-color:var(--lt-line-strong)!important;color:var(--lt-ink)!important;box-shadow:inset 2px 0 0 var(--lt-buy)!important}
.app-body .book-head{height:32px!important;border-bottom:1px solid var(--lt-line)!important}
.app-body .book-head button{color:var(--lt-muted)!important;font-size:12px!important;line-height:14px!important;font-weight:500!important}
.app-body .book-head .active{color:var(--lt-ink)!important;border-bottom:1px solid var(--lt-buy)!important}
.app-body .book-head span{width:24px!important;color:var(--lt-muted)!important}
.app-body .tick{height:29px!important;padding:0 9px!important;color:var(--lt-ink)!important;font-size:11px!important;font-weight:500!important}
.app-body .tick span{color:var(--lt-muted)!important}.app-body .tick b{color:var(--lt-dim)!important}
.app-body .labels{height:20px!important;padding:0 9px!important;color:var(--lt-muted)!important;font-size:9px!important;line-height:12px!important;text-transform:uppercase!important}
.app-body .labels,.app-body .depth p{grid-template-columns:30% 30% 40%!important}
.app-body .labels span:nth-child(n+2),.app-body .depth b,.app-body .depth em{text-align:right!important}
.app-body .depth p{height:18px!important;line-height:18px!important;margin:0!important;padding:0 9px!important;color:var(--lt-ink)!important;font-family:inherit!important;font-size:10px!important;font-weight:500!important;font-variant-numeric:tabular-nums!important}
.app-body .depth p:hover{background:var(--lt-fill-hover)!important}
.app-body .depth b,.app-body .depth em{color:var(--lt-ink)!important;font-family:inherit!important;font-weight:500!important}
.app-body .asks span{color:var(--lt-sell)!important}.app-body .asks p:before{background:rgba(255,0,64,.22)!important}
.app-body .bids span{color:var(--lt-buy)!important}.app-body .bids p:before{background:rgba(60,255,178,.16)!important}
.app-body .spread{height:24px!important;background:var(--lt-surface-2)!important;color:var(--lt-dim)!important;font-size:10px!important;font-weight:500!important;gap:14px!important}
.app-body .mode-row{gap:4px!important}.app-body .mode-row button{height:28px!important;border:1px solid transparent!important;border-radius:4px!important;background:var(--lt-fill)!important;color:var(--lt-dim)!important;font-size:11px!important;font-weight:500!important}
.app-body .order-tabs{height:34px!important;border-bottom:1px solid var(--lt-line)!important}
.app-body .order-tabs button{color:var(--lt-muted)!important;font-size:11px!important;font-weight:500!important}.app-body .order-tabs .active{color:var(--lt-ink)!important;border-bottom-color:var(--lt-buy)!important}
.app-body .side{height:32px!important;margin:8px 0!important}
.app-body .side button{border:0!important;background:var(--lt-fill)!important;color:var(--lt-dim)!important;font-size:11px!important;font-weight:500!important}
.app-body .side button:first-child{background:var(--lt-buy)!important;color:var(--lt-buy-label)!important;border-radius:4px 0 0 4px!important;box-shadow:none!important}.app-body .side button:last-child{border-radius:0 4px 4px 0!important}
.app-body .ticket p{margin:5px 0!important;color:var(--lt-dim)!important;font-size:10px!important;line-height:15px!important;font-weight:400!important}.app-body .ticket p b{color:var(--lt-ink)!important;font-family:inherit!important;font-weight:500!important}
.app-body .ticket label{margin-top:9px!important;color:var(--lt-dim)!important;font-size:10px!important;font-weight:400!important}
.app-body .ticket label div{height:31px!important;margin-top:4px!important;border:1px solid var(--lt-line)!important;border-radius:4px!important;background:transparent!important}
.app-body .ticket input{font-size:11px!important}.app-body .ticket label div span{padding:6px 8px!important;color:var(--lt-ink)!important;font-size:10px!important;font-weight:500!important}
.app-body .slider{height:26px!important;margin:10px 0!important;gap:0!important;justify-content:space-between!important;border-top:3px solid var(--lt-line-strong)!important}.app-body .slider i{margin-top:-3px!important;background:var(--lt-muted)!important}.app-body .slider:before{top:-7px!important;width:12px!important;height:12px!important;border:1px solid var(--lt-buy)!important;background:var(--lt-surface)!important}.app-body .slider b{padding:3px 7px!important;border-color:var(--lt-line)!important;font-size:10px!important;font-weight:500!important}
.app-body .check{gap:7px!important;margin:5px 0!important;color:var(--lt-dim)!important;font-size:10px!important;font-weight:400!important}.app-body input[type=checkbox]{width:12px!important;height:12px!important;flex-basis:12px!important;border-color:var(--lt-line-strong)!important;background:transparent!important}.app-body input[type=checkbox]:checked{background:var(--lt-buy)!important;border-color:var(--lt-buy)!important;box-shadow:none!important}
.app-body .enable{height:32px!important;margin:12px 0 10px!important;border:0!important;border-radius:4px!important;background:rgba(255,255,255,.92)!important;color:#06060c!important;font-size:11px!important;font-weight:500!important;box-shadow:none!important}
.app-body .risk{padding-bottom:8px!important;border-bottom-color:var(--lt-line)!important}.app-body .risk p{margin:4px 0!important}.app-body .risk span{color:var(--lt-dim)!important;text-decoration:underline dotted!important}.app-body .risk b{font-family:inherit!important;font-weight:500!important}
.app-body .wallet{gap:5px!important;margin:9px 0!important;padding-bottom:9px!important;border-bottom:1px solid var(--lt-line)!important}.app-body .wallet button{height:30px!important;border:1px solid var(--lt-line-strong)!important;border-radius:4px!important;background:var(--lt-fill)!important;color:var(--lt-ink)!important;font-size:10px!important;font-weight:500!important}.app-body .wallet button:first-child{background:var(--lt-fill-hover)!important;color:var(--lt-ink)!important;box-shadow:none!important}
.app-body .summary h3{margin:0 0 5px!important;color:var(--lt-ink)!important;font-size:11px!important;font-weight:500!important}.app-body .summary p{margin:3px 0!important;color:var(--lt-dim)!important;font-size:10px!important}.app-body .summary p b{font-family:inherit!important;font-weight:500!important}
.app-body .pos-tabs{height:32px!important;padding:0 9px!important;gap:18px!important;border-bottom:1px solid var(--lt-line)!important;background:transparent!important}.app-body .pos-tabs a{height:31px!important;display:flex!important;align-items:center!important;color:var(--lt-muted)!important;font-size:10px!important;font-weight:500!important;white-space:nowrap!important}.app-body .pos-tabs .active{height:31px!important;color:var(--lt-ink)!important;border-bottom-color:var(--lt-buy)!important}
.app-body .pos-head{height:29px!important;padding:0 9px!important;color:var(--lt-muted)!important;font-size:9px!important;line-height:12px!important;font-weight:400!important;text-transform:uppercase!important}.app-body .empty{margin:2px 9px!important;color:var(--lt-dim)!important;font-size:10px!important;font-weight:500!important}
.app-body .app-foot{position:absolute!important;z-index:30!important;left:0!important;right:0!important;bottom:0!important;height:24px!important;padding:0 7px!important;background:var(--lt-bg)!important;border-top:1px solid var(--lt-line)!important}.app-body .app-foot span{height:auto!important;padding:0!important;border:0!important;color:var(--lt-buy)!important;font-size:9px!important}.app-body .app-foot nav{gap:14px!important;padding:0!important}.app-body .app-foot a{color:var(--lt-muted)!important;font-size:9px!important;font-weight:500!important;text-transform:uppercase!important}
body>.pair-menu{width:320px!important;max-height:430px!important;border:1px solid var(--lt-line-strong)!important;border-radius:6px!important;background:var(--lt-surface)!important;color:var(--lt-ink)!important;box-shadow:0 18px 50px rgba(0,0,0,.72)!important}
body>.pair-menu input{height:32px!important;margin:7px!important;width:calc(100% - 14px)!important;border:1px solid var(--lt-line)!important;border-radius:4px!important;background:var(--lt-fill)!important;color:var(--lt-ink)!important;font-size:11px!important}
body>.pair-menu input:focus{border-color:var(--lt-buy)!important;box-shadow:0 0 0 2px rgba(60,255,178,.1)!important}body>.pair-menu .pair-list{padding:0 4px 5px!important}body>.pair-menu .pair-list button{height:34px!important;border-radius:4px!important;color:var(--lt-dim)!important}body>.pair-menu .pair-list button:hover{background:var(--lt-fill-hover)!important;color:var(--lt-ink)!important}body>.pair-menu .pair-list button b{font-size:11px!important;font-weight:500!important}body>.pair-menu .pair-list button span{font-size:9px!important;color:var(--lt-muted)!important}
@media(max-width:1500px){:root{--lt-book:clamp(250px,21.3vw,340px);--lt-ticket:clamp(260px,21vw,330px)}.app-body .pair-row{grid-template-columns:minmax(170px,1.1fr) repeat(2,minmax(67px,.5fr)) minmax(96px,.75fr) minmax(105px,.9fr) minmax(110px,1fr) minmax(125px,1.1fr)!important}.app-body .app-nav a{padding:0 7px!important}.app-body .pos-tabs{gap:13px!important}}
@media(max-width:1100px){.app-body{overflow:auto!important}.app-body .terminal{height:auto!important;min-height:calc(100vh - 47px)!important;overflow:visible!important}.app-body .pair-row{position:relative!important;left:auto!important;top:auto!important;width:calc(100% - 8px)!important;height:60px!important;margin:4px!important;grid-template-columns:repeat(4,1fr)!important}.app-body .pair-row>div{height:auto!important}.app-body .trade-shell{height:auto!important;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:560px 450px auto auto!important;grid-template-areas:"chart" "book" "ticket" "positions"!important}.app-body .chart-canvas{top:0!important}.app-body .orderbook,.app-body .ticket,.app-body .positions{min-height:360px!important}.app-body .app-foot{position:relative!important}.app-body .app-nav a:nth-child(n+6){display:none!important}}

/* Pixel-aligned Lighter composition, 1280x720 reference. */
.app-body{--lt-bg:#06060c;--lt-surface:#14131b;--lt-surface-2:#1b1a22;--lt-fill:rgba(255,255,255,.052);--lt-line:rgba(255,255,255,.085);--lt-line-strong:rgba(255,255,255,.14);--lt-dim:#aaa8b1;--lt-muted:#74727c}
.app-body .app-top{height:47px!important;padding:0 10px!important;background:#0d0c13!important;border-bottom:1px solid #16151d!important}
.app-body .app-logo{margin-right:5px!important}.app-body .app-nav{gap:1px!important}.app-body .app-nav a{height:29px!important;padding:0 9px!important;font-size:14px!important;line-height:18px!important;font-weight:400!important;color:#aaa8b1!important}.app-body .app-nav .active{font-weight:500!important;color:#f2f1f3!important;background:#211f28!important;border-color:#2e2c36!important;box-shadow:inset 0 1px rgba(255,255,255,.05)!important}
.app-body .app-tools button{height:29px!important;padding:0 7px!important;border-radius:3px!important;background:#17161e!important;border-color:#292730!important;color:#b9b7bf!important;font-size:11px!important}.app-body .app-tools .block-chip{font-family:ui-monospace,"SFMono-Regular",Consolas,monospace!important;letter-spacing:.02em!important}.app-body .app-tools .connect-wallet{padding:0 12px!important;background:#f0eff1!important;border-color:#fff!important;color:#14131a!important;font-size:12px!important;font-weight:500!important}
.app-body .app-tools .language-button{display:grid!important;place-items:center!important;padding:0!important}.app-body .language-button svg{width:16px;height:16px;display:block;fill:none;stroke:#d7d5dc;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;transition:stroke .15s ease}.app-body .language-button:hover svg{stroke:#fff}
.app-body .terminal{height:calc(100vh - 47px)!important;background:#06060c!important}
.app-body .announcement{position:absolute!important;z-index:31!important;left:4px!important;right:4px!important;top:4px!important;height:32px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:0 31px!important;border:1px solid var(--lt-line)!important;border-radius:6px!important;background:#1a1921!important;color:#dedde1!important;font-size:12px!important;line-height:16px!important;font-weight:400!important}.app-body .announcement span{font-size:11px!important;color:#fff!important}.app-body .announcement b{font-weight:400!important}.app-body .announcement button{position:absolute!important;right:8px!important;top:5px!important;width:22px!important;height:22px!important;padding:0!important;background:transparent!important;color:#888690!important;font-size:18px!important;line-height:20px!important}
.app-body .trade-shell{position:absolute!important;left:0!important;right:0!important;top:36px!important;bottom:24px!important;width:auto!important;height:auto!important;padding:4px!important;grid-template-columns:minmax(560px,1fr) var(--lt-book) var(--lt-ticket)!important;grid-template-rows:1fr!important;grid-template-areas:"chart book ticket"!important;gap:3px!important}
.app-body .chart-area,.app-body .orderbook,.app-body .ticket{border-radius:6px!important;background:#121119!important;border:1px solid #24222c!important}
.app-body .chart-area:after{content:"☆"!important;position:absolute!important;z-index:19!important;left:0!important;right:0!important;top:0!important;height:31px!important;display:flex!important;align-items:center!important;padding-left:8px!important;border-bottom:1px solid var(--lt-line)!important;background:#121119!important;color:#8e8c95!important;font-size:18px!important;line-height:1!important}
.app-body .pair-row{left:4px!important;top:75px!important;width:calc(100% - var(--lt-book) - var(--lt-ticket) - 14px)!important;height:42px!important;padding:0 7px!important;grid-template-columns:minmax(88px,.82fr) repeat(2,minmax(76px,.72fr)) minmax(82px,.76fr) minmax(94px,.9fr) minmax(104px,.96fr) minmax(150px,1.18fr)!important;background:#121119!important;border-color:#24222c!important;border-radius:0!important}
.app-body .pair-row>div{height:40px!important;padding:5px 6px 0!important}.app-body .pair-name{height:32px!important}.app-body .pair-name b{font-size:14px!important}.app-body .pair-row>div:not(.pair-picker) span{font-size:9px!important;line-height:11px!important;color:#777580!important}.app-body .pair-row>div:not(.pair-picker) b{font-size:11px!important;line-height:15px!important;font-weight:500!important}
.app-body .funding-stat span,.app-body .funding-stat b{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}.app-body .funding-stat i{font-style:normal!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.app-body .funding-stat b i:last-child{color:#f0eff2!important}
.app-body .chart-canvas{top:77px!important;bottom:0!important;border-radius:0 0 5px 5px!important;background:#06060c!important}
.app-body .native-draw-toolbar{width:39px!important;padding:7px 4px!important;background:#121119!important}.app-body .native-draw-toolbar button{width:30px!important;height:30px!important;border:0!important;border-radius:4px!important;color:#b3b1b9!important}.app-body .native-draw-toolbar button:hover,.app-body .native-draw-toolbar button.active{background:#27252e!important;color:#f4f3f5!important;box-shadow:none!important}.app-body .tv-live-chart{inset:0 0 0 39px!important}.app-body .draw-layer{inset:0 0 0 39px!important}
.app-body .book-head{height:31px!important;background:#17161e!important}.app-body .book-head button{font-size:12px!important}.app-body .book-head .active{background:#24222b!important;border-bottom-color:transparent!important}.app-body .book-controls{height:29px!important;display:flex!important;align-items:center!important;gap:8px!important;padding:0 9px!important;color:#a19fa8!important;font-size:13px!important}.app-body .book-controls span:first-child{color:var(--lt-buy)!important}.app-body .book-controls span:nth-child(3){color:var(--lt-sell)!important}.app-body .book-controls b{margin-left:auto!important;font-size:11px!important;font-weight:400!important;color:#aaa8b1!important}.app-body .book-controls button{padding:0!important;background:transparent!important;color:#aaa8b1!important;font-size:11px!important}.app-body .tick{display:none!important}.app-body .labels{height:21px!important;padding:0 8px!important}.app-body .depth p{height:18px!important;padding:0 8px!important;font-size:11px!important;line-height:18px!important}.app-body .spread{height:24px!important;background:#24232b!important}
.app-body .ticket{padding:5px!important}.app-body .side{height:29px!important;margin:0 0 5px!important}.app-body .side button{font-size:12px!important}.app-body .side button:first-child{background:#3cffb2!important}.app-body .order-tabs{height:31px!important;margin:0 0 8px!important}.app-body .order-tabs button{font-size:12px!important}.app-body .order-tabs button:last-child{text-align:right!important}.app-body .ticket p{margin:5px 1px!important;font-size:11px!important;line-height:17px!important}.app-body .ticket label{margin:9px 1px 0!important;font-size:12px!important;line-height:16px!important}.app-body .ticket label div{height:31px!important;background:#1b1a22!important;border-color:#2a2832!important}.app-body .ticket input{text-align:right!important;color:#e8e7e9!important}.app-body .ticket input::placeholder{color:#777580!important}.app-body .slider{margin:10px 2px 8px!important}.app-body .checks-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;margin:4px 1px 12px!important}.app-body .check{margin:0!important;font-size:11px!important;color:#d8d7da!important}.app-body .enable{height:30px!important;margin:0 0 10px!important;background:#f1f0f2!important;font-size:12px!important}.app-body .risk{border:0!important;padding:0!important}.app-body .risk p{margin:4px 1px!important;font-size:11px!important}.app-body .risk span{text-decoration:none!important;color:#85838d!important}.app-body .risk b{color:#dcdbdf!important}.app-body .wallet-state{display:none!important}
.app-body .positions{display:none!important}
.app-body .app-foot{height:24px!important;background:#17161e!important;border-top-color:#292730!important}.app-body .app-foot span{color:#3cffb2!important;font-family:ui-monospace,"SFMono-Regular",Consolas,monospace!important;font-size:9px!important}.app-body .app-foot nav{position:absolute!important;left:50%!important;transform:translateX(-50%)!important;gap:15px!important;white-space:nowrap!important}.app-body .app-foot a{font-family:ui-monospace,"SFMono-Regular",Consolas,monospace!important;font-size:9px!important;color:#777580!important}
@media(max-width:1100px){.app-body .announcement{position:relative!important;left:auto!important;right:auto!important;top:auto!important;margin:4px!important}.app-body .pair-row{position:relative!important;top:auto!important;left:auto!important;width:calc(100% - 8px)!important;height:76px!important;grid-template-columns:repeat(4,1fr)!important;border-radius:6px!important}.app-body .trade-shell{position:relative!important;top:auto!important;bottom:auto!important;height:auto!important;grid-template-columns:1fr!important;grid-template-rows:560px 430px auto!important;grid-template-areas:"chart" "book" "ticket"!important}.app-body .chart-area:after{display:none!important}.app-body .chart-canvas{top:0!important}.app-body .app-foot{position:relative!important}.app-body .app-nav a:nth-child(n+4){display:none!important}.app-body .app-tools .block-chip{display:none!important}}

/* Lighter tall-layout parity pass. */
.app-body{font-size:11px!important;line-height:15px!important;background:#0d0c13!important}
.app-body .app-top{height:42px!important;padding:0 7px!important}.app-body .app-logo{font-size:12px!important}.app-body .app-nav a{height:25px!important;padding:0 8px!important;font-size:12px!important;line-height:15px!important}.app-body .app-tools button{height:25px!important;font-size:9px!important}.app-body .app-tools .connect-wallet{font-size:10px!important}
.app-body .terminal{height:calc(100vh - 42px)!important;background:#0d0c13!important}.app-body .announcement{left:2px!important;right:2px!important;top:2px!important;height:28px!important;border-radius:4px!important;font-size:10px!important;line-height:13px!important;background:#1b1a22!important}.app-body .announcement button{top:2px!important}
.app-body .trade-shell{top:30px!important;bottom:22px!important;padding:2px!important;grid-template-columns:minmax(560px,1fr) var(--lt-book) var(--lt-ticket)!important;grid-template-rows:calc(50% - 1px) calc(50% - 1px)!important;grid-template-areas:"chart book ticket" "positions positions account"!important;gap:2px!important}
.app-body .chart-area,.app-body .orderbook,.app-body .ticket,.app-body .positions,.app-body .account-panel{border:1px solid #25232d!important;border-radius:4px!important;background:#111018!important}
.app-body .chart-area:after{height:28px!important;padding-left:5px!important;background:#111018!important;border-bottom-color:#25232d!important;font-size:14px!important}
.app-body .pair-row{left:2px!important;top:60px!important;width:calc(100% - var(--lt-book) - var(--lt-ticket) - 8px)!important;height:32px!important;padding:0 4px!important;grid-template-columns:minmax(90px,.82fr) repeat(2,minmax(72px,.7fr)) minmax(78px,.75fr) minmax(90px,.88fr) minmax(100px,.96fr) minmax(145px,1.15fr)!important;background:#111018!important;border-color:#25232d!important}
.app-body .pair-row>div{height:30px!important;padding:3px 5px 0!important}.app-body .pair-name{height:25px!important}.app-body .pair-name b{font-size:11px!important;line-height:14px!important}.app-body .pair-name em{font-size:8px!important;line-height:15px!important}.app-body .pair-row>div:not(.pair-picker) span{font-size:8px!important;line-height:9px!important}.app-body .pair-row>div:not(.pair-picker) b{font-size:9px!important;line-height:12px!important}
.app-body .chart-subnav{position:absolute!important;z-index:18!important;left:0!important;right:0!important;top:59px!important;height:25px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:0 5px!important;border-top:1px solid #25232d!important;border-bottom:1px solid #25232d!important;background:#111018!important}.app-body .chart-subnav>div{height:100%!important;display:flex!important;align-items:center!important;gap:3px!important}.app-body .chart-subnav button{height:23px!important;padding:0 7px!important;border:0!important;border-radius:2px!important;background:transparent!important;color:#777580!important;font-size:9px!important;font-weight:400!important}.app-body .chart-subnav button.active{background:#24222b!important;color:#e5e4e7!important;font-weight:500!important}
.app-body .chart-controlbar{position:absolute!important;z-index:18!important;left:0!important;right:0!important;top:84px!important;height:26px!important;display:flex!important;align-items:center!important;gap:2px!important;padding:0 5px!important;border-bottom:1px solid #25232d!important;background:#111018!important}.app-body .chart-controlbar button{height:22px!important;padding:0 5px!important;border:0!important;border-radius:2px!important;background:transparent!important;color:#8b8993!important;font-size:9px!important;font-weight:400!important}.app-body .chart-controlbar button:hover,.app-body .chart-controlbar button.active{background:#24222b!important;color:#eeedf0!important}.app-body .chart-controlbar i{width:1px!important;height:12px!important;margin:0 3px!important;background:#302e38!important}.app-body .chart-controlbar span{flex:1!important}
.app-body .chart-canvas{top:110px!important;background:#111018!important}.app-body .tv-live-chart,.app-body .tv-live-chart .tradingview-widget-container__widget,.app-body .tv-live-chart iframe{background:#111018!important}.app-body .native-draw-toolbar{background:#111018!important;border-right-color:#25232d!important}.app-body .native-draw-toolbar button{width:28px!important;height:28px!important;color:#97959e!important}
.app-body .book-head{height:29px!important}.app-body .book-head button{font-size:10px!important}.app-body .book-controls{height:26px!important;padding:0 6px!important;font-size:10px!important}.app-body .book-controls b,.app-body .book-controls button{font-size:9px!important}.app-body .labels{height:18px!important;padding:0 6px!important;font-size:8px!important}.app-body .depth p{height:16px!important;padding:0 6px!important;font-size:9px!important;line-height:16px!important}.app-body .depth p:before{left:0!important;right:auto!important;opacity:.48!important}.app-body .asks span{color:#c97380!important}.app-body .asks p:before{background:#6f303e!important}.app-body .bids span{color:#73c69d!important}.app-body .bids p:before{background:#1e6049!important}.app-body .spread{height:21px!important;background:#26252d!important;font-size:9px!important}
.app-body .ticket{grid-area:ticket!important;padding:4px!important}.app-body .side{height:24px!important;margin:0 0 3px!important}.app-body .side button{font-size:9px!important}.app-body .order-tabs{height:28px!important;margin-bottom:6px!important}.app-body .order-tabs button{font-size:9px!important}.app-body .ticket p{margin:4px 0!important;font-size:9px!important;line-height:14px!important}.app-body .ticket label{margin-top:7px!important;font-size:9px!important}.app-body .ticket label div{height:28px!important}.app-body .ticket input,.app-body .ticket label div span{font-size:9px!important}.app-body .slider{height:23px!important;margin:8px 1px 6px!important}.app-body .checks-row{margin:2px 0 10px!important}.app-body .check{font-size:9px!important}.app-body .enable{height:25px!important;margin:0 0 8px!important;font-size:9px!important}.app-body .risk p{margin:3px 0!important;font-size:9px!important;line-height:13px!important}
.app-body .positions{display:block!important;grid-area:positions!important;position:relative!important;overflow:hidden!important}.app-body .pos-tabs{height:28px!important;padding:0 5px!important;gap:15px!important}.app-body .pos-tabs a,.app-body .pos-tabs .active{height:27px!important;font-size:9px!important}.app-body .pos-head{display:none!important}.app-body .empty-state{position:absolute!important;inset:29px 0 0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:7px!important;color:#777580!important;font-size:9px!important;text-align:center!important}.app-body .empty-state:before{content:"▦"!important;width:36px!important;height:36px!important;display:grid!important;place-items:center!important;background:#1c1b23!important;color:#85838d!important;font-size:22px!important}.app-body .empty-state b{color:#d2d1d5!important;font-size:10px!important;text-transform:uppercase!important}.app-body .empty-state button,.app-body .account-panel button{height:24px!important;padding:0 10px!important;border:0!important;border-radius:2px!important;background:transparent!important;color:#8f8d96!important;font-size:9px!important;text-decoration:underline!important}
.app-body .account-panel{grid-area:account!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:6px!important;color:#777580!important;font-size:9px!important;text-align:center!important}.app-body .account-panel b{color:#d2d1d5!important;font-size:10px!important}.app-body .account-panel button{margin-top:8px!important;background:#f1f0f2!important;color:#111018!important;text-decoration:none!important}
.app-body .app-foot{height:22px!important;padding:0 4px!important}.app-body .app-foot span,.app-body .app-foot a{font-size:8px!important}
@media(max-height:850px) and (min-width:1101px){.app-body .trade-shell{grid-template-rows:1fr!important;grid-template-areas:"chart book ticket"!important}.app-body .positions,.app-body .account-panel{display:none!important}}
@media(max-width:1100px){.app-body .trade-shell{grid-template-rows:520px 410px auto auto!important;grid-template-areas:"chart" "book" "ticket" "positions"!important}.app-body .account-panel{display:none!important}.app-body .pair-row{height:66px!important}.app-body .chart-area:after,.app-body .chart-subnav,.app-body .chart-controlbar{display:none!important}.app-body .chart-canvas{top:0!important}}

/* Typography calibration below the top navigation. */
.app-body .pair-name b{font-size:12px!important;line-height:15px!important}
.app-body .pair-name em{font-size:9px!important;line-height:16px!important}
.app-body .pair-row>div:not(.pair-picker) span{font-size:9px!important;line-height:10px!important;font-weight:400!important}
.app-body .pair-row>div:not(.pair-picker) b{font-size:10px!important;line-height:13px!important;font-weight:500!important}
.app-body .chart-subnav button,.app-body .chart-controlbar button{font-size:10px!important}
.app-body .book-head button{font-size:11px!important}.app-body .book-controls{font-size:11px!important}.app-body .book-controls b,.app-body .book-controls button{font-size:10px!important}.app-body .labels{font-size:9px!important}.app-body .depth p{font-size:10px!important}.app-body .spread{font-size:10px!important}
.app-body .side button,.app-body .order-tabs button{font-size:10px!important}.app-body .ticket p,.app-body .ticket label,.app-body .ticket input,.app-body .ticket label div span,.app-body .check,.app-body .enable,.app-body .risk p{font-size:10px!important}.app-body .pos-tabs a,.app-body .pos-tabs .active,.app-body .empty-state,.app-body .account-panel{font-size:10px!important}.app-body .empty-state b,.app-body .account-panel b{font-size:11px!important}
.app-body .chart-area,.app-body .chart-canvas,.app-body .tv-live-chart,.app-body .tv-live-chart .tradingview-widget-container__widget,.app-body .tv-live-chart iframe{background:#111018!important;background-color:#111018!important;color-scheme:dark!important}
.app-body .native-chart{background:transparent!important;background-color:transparent!important}

/* Lighter ticket: exact control density, weight and vertical rhythm. */
.app-body .ticket{display:block!important;padding:5px!important;color:#f0eff2!important}
.app-body .ticket .side{height:29px!important;margin:0 0 7px!important}
.app-body .ticket .side button{font-size:12px!important;line-height:16px!important;font-weight:500!important}
.app-body .ticket .order-tabs{height:30px!important;display:flex!important;align-items:center!important;gap:7px!important;margin:0 0 7px!important;padding:0!important;border-bottom:1px solid #25232d!important}
.app-body .ticket .order-tabs button{flex:0 0 auto!important;width:auto!important;height:23px!important;padding:0 8px!important;border:0!important;border-radius:3px!important;background:transparent!important;color:#8f8d96!important;font-size:12px!important;line-height:16px!important;font-weight:400!important;text-align:center!important}
.app-body .ticket .order-tabs button:last-child{margin-left:auto!important;padding-right:2px!important;text-align:right!important}
.app-body .ticket .order-tabs .active{background:#2a2831!important;color:#f2f1f3!important;border:0!important;font-weight:600!important}
.app-body .ticket p{margin:5px 1px!important;color:#aaa8b1!important;font-size:12px!important;line-height:17px!important;font-weight:400!important}
.app-body .ticket p b{color:#f2f1f3!important;font-size:12px!important;line-height:17px!important;font-weight:600!important}
.app-body .ticket label{margin:8px 1px 0!important;color:#aaa8b1!important;font-size:12px!important;line-height:16px!important;font-weight:400!important}
.app-body .ticket label div{height:29px!important;margin-top:4px!important;border:1px solid #2c2a34!important;border-radius:3px!important;background:#1b1a22!important}
.app-body .ticket input,.app-body .ticket label div span{font-size:12px!important;line-height:16px!important}
.app-body .ticket label div span{display:flex!important;align-items:center!important;padding:0 7px!important;font-weight:500!important}
.app-body .ticket .slider{height:25px!important;margin:10px 2px 8px!important;border-top:4px solid #34323c!important}
.app-body .ticket .slider:before{top:-10px!important;left:-1px!important;width:8px!important;height:20px!important;border:0!important;border-radius:4px!important;background:#3cffb2!important}
.app-body .ticket .slider i{width:5px!important;height:5px!important;margin-top:-4px!important;background:#66646e!important}
.app-body .ticket .slider b{height:27px!important;display:flex!important;align-items:center!important;padding:0 8px!important;border:1px solid #2c2a34!important;border-radius:4px!important;color:#f2f1f3!important;font-size:12px!important;font-weight:500!important}
.app-body .ticket .checks-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin:4px 1px 14px!important}
.app-body .ticket .check{display:flex!important;align-items:center!important;gap:8px!important;margin:0!important;color:#e1e0e3!important;font-size:12px!important;line-height:16px!important;font-weight:600!important}
.app-body .ticket input[type=checkbox]{width:14px!important;height:14px!important;flex:0 0 14px!important;margin:0!important}
.app-body .ticket .enable{height:29px!important;margin:0 1px 10px!important;border-radius:3px!important;background:#f1f0f2!important;color:#111018!important;font-size:12px!important;line-height:16px!important;font-weight:500!important}
.app-body .ticket .risk{margin:0 1px!important;padding:0!important;border:0!important}
.app-body .ticket .risk p{margin:3px 0!important;font-size:12px!important;line-height:17px!important}
.app-body .ticket .risk span{color:#92909a!important;text-decoration:none!important}
.app-body .ticket .risk b{color:#e6e5e8!important;font-size:12px!important;font-weight:600!important}
.app-body .ticket .amount-field{display:block!important;margin:9px 1px 0!important}
.app-body .ticket .amount-field>div{height:29px!important;margin:0!important;display:flex!important;align-items:center!important}
.app-body .ticket .amount-field .amount-caption{flex:0 0 auto!important;padding:0 8px!important;color:#92909a!important;font-size:12px!important;font-weight:400!important}
.app-body .ticket .amount-field input{min-width:0!important;height:100%!important;padding:0 4px!important;text-align:right!important;color:#e6e5e8!important;font-size:12px!important;font-weight:400!important}
.app-body .ticket .amount-field .amount-currency{flex:0 0 auto!important;padding:0 8px 0 3px!important;color:#f2f1f3!important;font-size:12px!important;font-weight:600!important}
.app-body .ticket .order-tabs .advanced-tab{display:inline-flex!important;align-items:center!important;justify-content:flex-end!important;gap:5px!important;line-height:16px!important}
.app-body .ticket .order-tabs .tab-chevron{width:6px!important;height:6px!important;margin:0 1px 3px 0!important;padding:0!important;border-right:1px solid currentColor!important;border-bottom:1px solid currentColor!important;transform:rotate(45deg)!important;display:block!important;flex:0 0 6px!important}
.app-body .ticket .slider{height:27px!important;margin:9px 2px 8px!important;display:flex!important;align-items:center!important;gap:8px!important;border:0!important}
.app-body .ticket .slider:before{display:none!important}
.app-body .ticket .slider-control{position:relative!important;flex:1 1 auto!important;height:20px!important;min-width:0!important}
.app-body .ticket .slider-control:before{content:""!important;position:absolute!important;z-index:0!important;left:0!important;right:0!important;top:8px!important;height:4px!important;border-radius:3px!important;background:#34323c!important}
.app-body .ticket .slider-control input[type=range]{position:absolute!important;z-index:3!important;inset:0!important;width:100%!important;height:20px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;appearance:none!important;-webkit-appearance:none!important;cursor:pointer!important}
.app-body .ticket .slider-control input[type=range]::-webkit-slider-runnable-track{height:4px!important;border:0!important;border-radius:3px!important;background:transparent!important}
.app-body .ticket .slider-control input[type=range]::-webkit-slider-thumb{width:8px!important;height:20px!important;margin-top:-8px!important;border:0!important;border-radius:4px!important;background:#3cffb2!important;appearance:none!important;-webkit-appearance:none!important;box-shadow:none!important}
.app-body .ticket .slider-control input[type=range]::-moz-range-track{height:4px!important;border:0!important;border-radius:3px!important;background:transparent!important}
.app-body .ticket .slider-control input[type=range]::-moz-range-thumb{width:8px!important;height:20px!important;border:0!important;border-radius:4px!important;background:#3cffb2!important;box-shadow:none!important}
.app-body .ticket .slider-dots{position:absolute!important;z-index:2!important;left:24px!important;right:4px!important;top:8px!important;height:5px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;pointer-events:none!important}
.app-body .ticket .slider-dots i{width:3px!important;height:3px!important;margin:0!important;border-radius:50%!important;background:#55535d!important}
.app-body .ticket .slider-dots i:nth-child(4n){width:6px!important;height:6px!important;background:#62606a!important}
.app-body .ticket .slider b{height:27px!important;min-width:45px!important;margin:0!important;padding:0 7px!important;display:flex!important;align-items:center!important;justify-content:center!important;border:1px solid #2c2a34!important;border-radius:4px!important;background:#111018!important;color:#f2f1f3!important;font-size:12px!important;font-weight:500!important}
.app-body .ticket{--order-side-color:#3cffb2;--order-side-label:#003e13}
.app-body .ticket.sell-mode{--order-side-color:#ff0040;--order-side-label:#fff}
.app-body .ticket .side button,.app-body .ticket .side button:first-child,.app-body .ticket .side button:last-child{background:#1d1c24!important;color:#aaa8b1!important;box-shadow:none!important}
.app-body .ticket .side button.active{background:var(--order-side-color)!important;color:var(--order-side-label)!important}
.app-body .ticket .slider-control input[type=range]::-webkit-slider-thumb{background:var(--order-side-color)!important}
.app-body .ticket .slider-control input[type=range]::-moz-range-thumb{background:var(--order-side-color)!important}
.app-body .ticket .limit-only{display:none!important}
.app-body .ticket.limit-mode .limit-price-field{display:block!important}
.app-body .ticket.limit-mode .risk p.limit-only{display:flex!important}
.app-body .ticket.limit-mode .market-only{display:none!important}
.app-body .ticket .limit-price-field{margin:9px 1px 0!important}
.app-body .ticket .limit-price-field>div{height:29px!important;margin:0!important;display:flex!important;align-items:center!important;border:1px solid #2c2a34!important;border-radius:3px!important;background:#1b1a22!important}
.app-body .ticket .limit-price-field .amount-caption{flex:0 0 auto!important;padding:0 8px!important;color:#92909a!important;font-size:12px!important;font-weight:400!important}
.app-body .ticket .limit-price-field input{min-width:0!important;height:100%!important;padding:0 8px!important;text-align:right!important;color:#e6e5e8!important;font-size:12px!important;font-weight:500!important;font-variant-numeric:tabular-nums!important}

/* Lighter order book and live trades, normalized to USDT notional. */
.app-body .orderbook{position:relative!important;z-index:21!important;display:flex!important;flex-direction:column!important;overflow:visible!important;background:#111018!important}
.app-body .orderbook .book-head{position:relative!important;z-index:3!important;flex:0 0 31px!important;height:31px!important;padding:4px 6px!important;display:flex!important;align-items:center!important;gap:4px!important;border-bottom:1px solid #25232d!important;background:#111018!important}
.app-body .orderbook .book-head button{flex:0 0 auto!important;width:auto!important;height:23px!important;padding:0 8px!important;border:0!important;border-radius:3px!important;background:transparent!important;color:#aaa8b1!important;font-size:12px!important;line-height:16px!important;font-weight:500!important}
.app-body .orderbook .book-head button.active{background:#292730!important;color:#f2f1f3!important}
.app-body .orderbook .book-head .book-menu-trigger{width:24px!important;margin-left:auto!important;padding:0!important;color:#9b99a2!important;font-size:18px!important;line-height:18px!important}
.app-body .book-layout-menu{position:absolute!important;z-index:80!important;top:29px!important;right:-62px!important;width:160px!important;padding:5px!important;display:none!important;border:1px solid #34323d!important;border-radius:4px!important;background:#2b2932!important;box-shadow:0 12px 28px rgba(0,0,0,.42)!important}
.app-body .book-layout-menu.open{display:block!important}.app-body .book-layout-menu button{width:100%!important;height:30px!important;padding:0 8px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;border:0!important;border-radius:3px!important;background:transparent!important;color:#ecebee!important;font-size:12px!important;font-weight:500!important}.app-body .book-layout-menu button:hover{background:#37353e!important}.app-body .book-layout-menu button.active:after{content:"✓"!important;margin-left:auto!important}
.app-body .book-pane{min-height:0!important;display:flex!important;flex:1 1 auto!important;flex-direction:column!important;overflow:hidden!important;background:#111018!important}
.app-body .book-controls{position:relative!important;flex:0 0 28px!important;height:28px!important;padding:0 7px!important;display:flex!important;align-items:center!important;gap:7px!important;border-bottom:1px solid #25232d!important;color:#aaa8b1!important}
.app-body .book-side-controls{display:flex!important;align-items:center!important;gap:8px!important}.app-body .book-side-controls button{width:14px!important;height:14px!important;padding:1px!important;display:block!important;border:0!important;border-radius:2px!important;background:transparent!important;opacity:.58!important}.app-body .book-side-controls button:hover,.app-body .book-side-controls button.active{background:#24222b!important;opacity:1!important}.app-body .book-side-controls i{display:none!important}.app-body .book-side-controls i:first-child{width:12px!important;height:12px!important;display:block!important;border-radius:1px!important}.app-body .book-side-controls button[data-book-side-option="both"] i:first-child{background:linear-gradient(to bottom,#d25a70 0 50%,#34d399 50% 100%)!important}.app-body .book-side-controls button[data-book-side-option="bids"] i:first-child{background:#34d399!important}.app-body .book-side-controls button[data-book-side-option="asks"] i:first-child{background:#d25a70!important}
.app-body .book-controls>b{margin-left:auto!important;color:#aaa8b1!important;font-size:11px!important;font-weight:500!important}
.app-body .book-increment{position:relative!important}.app-body .book-increment>button{height:22px!important;padding:0 1px!important;border:0!important;background:transparent!important;color:#aaa8b1!important;font-family:"Roboto Mono",monospace!important;font-size:10px!important;font-weight:500!important}.app-body .book-increment>button:after{content:"⌄"!important;margin-left:3px!important;color:#85838d!important}
.app-body [data-book-step-menu]{position:absolute!important;z-index:85!important;top:24px!important;right:-5px!important;width:112px!important;padding:5px!important;display:none!important;border:1px solid #34323d!important;border-radius:4px!important;background:#2b2932!important;box-shadow:0 12px 28px rgba(0,0,0,.42)!important}.app-body [data-book-step-menu].open{display:block!important}.app-body [data-book-step-menu] button{width:100%!important;height:29px!important;padding:0 7px!important;display:block!important;border:0!important;border-radius:3px!important;background:transparent!important;color:#ecebee!important;font-family:"Roboto Mono",monospace!important;font-size:11px!important;text-align:left!important}.app-body [data-book-step-menu] button:hover,.app-body [data-book-step-menu] button.active{background:#37353e!important}
.app-body .orderbook .labels,.app-body .trade-labels{flex:0 0 20px!important;height:20px!important;padding:0 7px!important;display:grid!important;grid-template-columns:28% 34% 38%!important;align-items:center!important;border-bottom:1px solid #25232d!important;background:#1d1c24!important;color:#96949d!important;font-size:9px!important;line-height:12px!important;font-weight:500!important;text-transform:uppercase!important}.app-body .orderbook .labels span:nth-child(n+2),.app-body .trade-labels span:nth-child(n+2){text-align:right!important}
.app-body .orderbook .depth{min-height:0!important;flex:1 1 0!important;overflow:hidden!important}.app-body .orderbook .asks{display:flex!important;flex-direction:column!important;justify-content:flex-end!important}.app-body .orderbook .depth p{flex:0 0 18px!important;height:18px!important;padding:0 7px!important;display:grid!important;grid-template-columns:28% 34% 38%!important;align-items:center!important;font-family:"Roboto Mono",ui-monospace,Consolas,monospace!important;font-size:11px!important;line-height:18px!important;font-weight:500!important;color:#c5c3c9!important}.app-body .orderbook .depth p:before{left:0!important;right:auto!important;opacity:.34!important}.app-body .orderbook .asks p:before{background:#73303f!important}.app-body .orderbook .bids p:before{background:#145b45!important}.app-body .orderbook .asks span{color:#d17b89!important}.app-body .orderbook .bids span{color:#75caa1!important}.app-body .orderbook .depth b,.app-body .orderbook .depth em{font-family:inherit!important;color:#c7c5cb!important;font-weight:500!important;text-align:right!important}
.app-body .orderbook .spread{flex:0 0 23px!important;height:23px!important;padding:0 7px!important;display:grid!important;grid-template-columns:1fr auto 1fr!important;align-items:center!important;gap:7px!important;border-top:1px solid #35333d!important;border-bottom:1px solid #35333d!important;background:#211f27!important;color:#c8c6cc!important;font-family:"Roboto Mono",ui-monospace,Consolas,monospace!important;font-size:10px!important;font-weight:500!important}.app-body .orderbook .spread span{text-align:left!important}.app-body .orderbook .spread b{font-family:Inter,sans-serif!important;color:#a9a7af!important;font-weight:500!important}.app-body .orderbook .spread em{font-style:normal!important;text-align:right!important}
.app-body .orderbook[data-book-side="bids"] .asks,.app-body .orderbook[data-book-side="bids"] .spread{display:none!important}.app-body .orderbook[data-book-side="asks"] .bids,.app-body .orderbook[data-book-side="asks"] .spread{display:none!important}.app-body .orderbook[data-book-side="asks"] .asks{justify-content:flex-start!important}
.app-body .trades-pane{min-width:0!important;min-height:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;border-top:2px solid #06060c!important;background:#111018!important}.app-body .trades-pane-head{flex:0 0 31px!important;height:31px!important;padding:0 7px!important;display:flex!important;align-items:center!important;border-bottom:1px solid #25232d!important;color:#e8e7e9!important;font-size:12px!important;font-weight:500!important}.app-body .trade-side-controls{margin-left:10px!important;display:flex!important;align-items:center!important;gap:8px!important}.app-body .trade-side-controls button{width:14px!important;height:14px!important;padding:1px!important;display:block!important;border:0!important;border-radius:2px!important;background:transparent!important;opacity:.58!important}.app-body .trade-side-controls button:hover,.app-body .trade-side-controls button.active{background:#24222b!important;opacity:1!important}.app-body .trade-side-controls i{display:none!important}.app-body .trade-side-controls i:first-child{width:12px!important;height:12px!important;display:block!important;border-radius:1px!important}.app-body .trade-side-controls button[data-trade-side-option="both"] i:first-child{background:linear-gradient(to bottom,#d25a70 0 50%,#34d399 50% 100%)!important}.app-body .trade-side-controls button[data-trade-side-option="buys"] i:first-child{background:#34d399!important}.app-body .trade-side-controls button[data-trade-side-option="sells"] i:first-child{background:#d25a70!important}
.app-body .trade-labels{grid-template-columns:32% 36% 32%!important}.app-body .trade-rows{min-height:0!important;overflow:hidden!important}.app-body .trade-rows p{height:18px!important;margin:0!important;padding:0 7px!important;display:grid!important;grid-template-columns:32% 36% 32%!important;align-items:center!important;color:#c7c5cb!important;font-family:"Roboto Mono",ui-monospace,Consolas,monospace!important;font-size:10px!important;line-height:18px!important;font-weight:500!important}.app-body .trade-rows p span{color:#d17b89!important}.app-body .trade-rows p.buy span{color:#3cffb2!important}.app-body .trade-rows p b,.app-body .trade-rows p time{text-align:right!important;color:#c7c5cb!important;font:inherit!important}
.app-body .orderbook[data-book-layout="stacked"] .book-head [data-book-tab="trades"],.app-body .orderbook[data-book-layout="large"] .book-head [data-book-tab="trades"]{display:none!important}.app-body .orderbook[data-book-layout="stacked"] .book-head [data-book-tab="book"],.app-body .orderbook[data-book-layout="large"] .book-head [data-book-tab="book"]{pointer-events:none!important;background:transparent!important;padding-left:2px!important}.app-body .orderbook[data-book-layout="stacked"] .book-pane{flex:0 0 calc(50% - 31px)!important;border-bottom:1px solid #25232d!important}.app-body .orderbook[data-book-layout="stacked"] .trades-pane{display:flex!important;flex:0 0 50%!important}.app-body .trade-shell:has(.orderbook[data-book-layout="large"]){grid-template-columns:minmax(350px,1fr) calc(var(--lt-book) * 2) var(--lt-ticket)!important}.app-body .terminal:has(.orderbook[data-book-layout="large"]) .pair-row{width:calc(100% - var(--lt-book) - var(--lt-book) - var(--lt-ticket) - 8px)!important}.app-body .orderbook[data-book-layout="large"]{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;grid-template-rows:31px minmax(0,1fr)!important}.app-body .orderbook[data-book-layout="large"] .book-head{grid-column:1!important;grid-row:1!important}.app-body .orderbook[data-book-layout="large"] .book-pane{grid-column:1!important;grid-row:2!important;border-right:2px solid #06060c!important}.app-body .orderbook[data-book-layout="large"] .trades-pane{grid-column:2!important;grid-row:1/3!important;display:flex!important;border-top:0!important}.app-body .orderbook[data-book-layout="large"] .book-layout-menu{left:calc(50% - 102px)!important;right:auto!important}
.app-body .orderbook[data-book-layout="tab"] .trades-pane{display:none!important}.app-body .orderbook[data-book-layout="tab"][data-book-active="trades"] .book-pane{display:none!important}.app-body .orderbook[data-book-layout="tab"][data-book-active="trades"] .trades-pane{display:flex!important;flex:1 1 auto!important;border-top:0!important}.app-body .orderbook[data-book-layout="tab"][data-book-active="trades"] .trades-pane-head>b{display:none!important}
.app-body .orderbook[data-trade-side="buys"] .trade-rows p.sell,.app-body .orderbook[data-trade-side="sells"] .trade-rows p.buy{display:none!important}
.app-body .book-side-controls button[data-book-side-option="both"] i:first-child,.app-body .trade-side-controls button[data-trade-side-option="both"] i:first-child{width:12px!important;height:12px!important;border-radius:0!important;overflow:hidden!important;background:#34d399!important;box-shadow:inset 0 6px 0 #d25a70!important}
.app-body .book-side-controls,.app-body .trade-side-controls{margin-left:0!important;gap:8px!important}.app-body .book-side-controls button,.app-body .trade-side-controls button{position:relative!important;width:12px!important;height:12px!important;padding:0!important;border-radius:0!important;background:transparent!important}.app-body .book-side-controls button:hover,.app-body .book-side-controls button.active,.app-body .trade-side-controls button:hover,.app-body .trade-side-controls button.active{background:transparent!important}.app-body .book-side-controls i:first-child,.app-body .trade-side-controls i:first-child{position:relative!important;width:12px!important;height:12px!important;border-radius:0!important;overflow:hidden!important;box-shadow:none!important}.app-body .book-side-controls button[data-book-side-option="both"] i:first-child,.app-body .trade-side-controls button[data-trade-side-option="both"] i:first-child{background:transparent!important}.app-body .book-side-controls button[data-book-side-option="both"] i:first-child:before,.app-body .trade-side-controls button[data-trade-side-option="both"] i:first-child:before,.app-body .book-side-controls button[data-book-side-option="both"] i:first-child:after,.app-body .trade-side-controls button[data-trade-side-option="both"] i:first-child:after{content:""!important;position:absolute!important;left:0!important;width:12px!important;height:6px!important}.app-body .book-side-controls button[data-book-side-option="both"] i:first-child:before,.app-body .trade-side-controls button[data-trade-side-option="both"] i:first-child:before{top:0!important;background:#d25a70!important}.app-body .book-side-controls button[data-book-side-option="both"] i:first-child:after,.app-body .trade-side-controls button[data-trade-side-option="both"] i:first-child:after{bottom:0!important;background:#34d399!important}.app-body .trade-labels,.app-body .trade-rows p{grid-template-columns:28% 34% 38%!important}
.app-body .book-increment>button{display:inline-flex!important;align-items:center!important;gap:5px!important;line-height:1!important}.app-body .book-increment>button:after{content:""!important;width:5px!important;height:5px!important;margin:0 1px 3px 0!important;border:solid #85838d!important;border-width:0 1px 1px 0!important;transform:rotate(45deg)!important}
.app-body .book-side-controls,.app-body .trade-side-controls{flex:0 0 52px!important;width:52px!important;min-width:52px!important;height:12px!important;margin:0!important;display:grid!important;grid-template-columns:repeat(3,12px)!important;gap:8px!important;align-items:center!important}.app-body .book-side-controls button,.app-body .trade-side-controls button,.app-body .book-side-controls button:hover,.app-body .trade-side-controls button:hover,.app-body .book-side-controls button.active,.app-body .trade-side-controls button.active{-webkit-appearance:none!important;appearance:none!important;position:relative!important;width:12px!important;min-width:12px!important;max-width:12px!important;height:12px!important;min-height:12px!important;max-height:12px!important;padding:0!important;margin:0!important;display:block!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;transform:none!important;line-height:0!important;overflow:hidden!important;opacity:.58!important}.app-body .book-side-controls button:hover,.app-body .trade-side-controls button:hover,.app-body .book-side-controls button.active,.app-body .trade-side-controls button.active{opacity:1!important}.app-body .side-square{display:block!important;width:12px!important;min-width:12px!important;max-width:12px!important;height:12px!important;min-height:12px!important;max-height:12px!important;margin:0!important;padding:0!important;overflow:hidden!important;pointer-events:none!important}.app-body .trades-pane-head{padding-left:7px!important}.app-body .book-increment>button:after{width:3px!important;height:3px!important;margin:0 1px 2px 0!important}
.app-body .book-side-controls button,.app-body .trade-side-controls button,.app-body .book-side-controls button:hover,.app-body .trade-side-controls button:hover,.app-body .book-side-controls button.active,.app-body .trade-side-controls button.active{opacity:1!important;background-repeat:no-repeat!important;background-size:12px 12px!important;background-position:0 0!important}.app-body .book-side-controls button[data-book-side-option="both"],.app-body .trade-side-controls button[data-trade-side-option="both"]{background-image:linear-gradient(to bottom,#d25a70 0,#d25a70 6px,#34d399 6px,#34d399 12px)!important}.app-body .book-side-controls button[data-book-side-option="bids"],.app-body .trade-side-controls button[data-trade-side-option="buys"]{background:#34d399!important}.app-body .book-side-controls button[data-book-side-option="asks"],.app-body .trade-side-controls button[data-trade-side-option="sells"]{background:#d25a70!important}
.app-body .book-side-controls,.app-body .trade-side-controls{flex-basis:55px!important;width:55px!important;min-width:55px!important;height:13px!important;grid-template-columns:repeat(3,13px)!important}.app-body .book-side-controls button,.app-body .trade-side-controls button,.app-body .book-side-controls button:hover,.app-body .trade-side-controls button:hover,.app-body .book-side-controls button.active,.app-body .trade-side-controls button.active{width:13px!important;min-width:13px!important;max-width:13px!important;height:13px!important;min-height:13px!important;max-height:13px!important;background-size:13px 13px!important}.app-body .book-side-controls button[data-book-side-option="both"],.app-body .trade-side-controls button[data-trade-side-option="both"]{background-image:linear-gradient(to bottom,#d25a70 0 50%,#34d399 50% 100%)!important}
.app-body .book-quote-controls{height:100%!important;margin-left:auto!important;display:flex!important;align-items:center!important;gap:9px!important}.app-body .book-controls>.book-quote-controls>b{margin:0!important;color:#aaa8b1!important;font-size:11px!important;font-weight:500!important;line-height:1!important}.app-body .book-quote-controls .book-increment{height:100%!important;display:flex!important;align-items:center!important}.app-body .book-quote-controls .book-increment>button{min-width:28px!important;height:24px!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:flex-end!important;gap:5px!important;font-size:10px!important;line-height:1!important}.app-body .book-quote-controls .book-increment>button:after{width:4px!important;height:4px!important;margin:-3px 1px 0 0!important;border-color:#85838d!important}
.app-body .orderbook .depth p{transition:background-color .08s ease!important}.app-body .orderbook .depth p:hover{background-color:rgba(255,255,255,.055)!important}.app-body .orderbook .depth p>span{cursor:pointer!important}.app-body .orderbook .depth p>span:hover{text-decoration:underline;text-underline-offset:2px!important}
.app-body .ticket .side{position:relative!important;overflow:hidden!important;border-radius:3px!important;background:#1d1c24!important}.app-body .ticket .side:before{content:""!important;position:absolute!important;z-index:0!important;top:0!important;bottom:0!important;left:0!important;width:50%!important;border-radius:3px!important;background:var(--order-side-color)!important;transform:translateX(0)!important;transition:transform .32s cubic-bezier(.22,.61,.36,1),background-color .32s ease!important;pointer-events:none!important}.app-body .ticket.sell-mode .side:before{transform:translateX(100%)!important}.app-body .ticket .side button,.app-body .ticket .side button:first-child,.app-body .ticket .side button:last-child,.app-body .ticket .side button.active{position:relative!important;z-index:1!important;background:transparent!important;transition:color .24s ease!important}
.app-body .orderbook .depth p:before{width:var(--w,0)!important;opacity:1!important;transition:width .16s ease!important}.app-body .orderbook .asks p:before{background:#2b1b22!important}.app-body .orderbook .bids p:before{background:#102720!important}
.app-body .orderbook .depth p:after{content:""!important;position:absolute!important;z-index:0!important;top:0!important;bottom:0!important;left:0!important;width:var(--wall,0)!important;pointer-events:none!important;transition:width .16s ease!important}.app-body .orderbook .asks p:after{background:#43242e!important}.app-body .orderbook .bids p:after{background:#164132!important}.app-body .orderbook .depth p>span,.app-body .orderbook .depth p>b,.app-body .orderbook .depth p>em{position:relative!important;z-index:1!important}
.app-body .ticket .tp-sl-panel{display:none!important;margin:-5px 1px 10px!important}.app-body .ticket.tp-sl-open .tp-sl-panel{display:block!important}.app-body .ticket .tp-sl-pair{height:30px!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:1px!important;margin-bottom:1px!important}.app-body .ticket .tp-sl-pair label{min-width:0!important;height:30px!important;margin:0!important;display:flex!important;align-items:center!important;border:1px solid #2c2a34!important;border-radius:3px!important;background:#1b1a22!important;color:#92909a!important}.app-body .ticket .tp-sl-pair label>span{flex:0 0 auto!important;padding:0 8px!important;color:#92909a!important;font-size:12px!important;font-weight:400!important;white-space:nowrap!important}.app-body .ticket .tp-sl-pair input{min-width:0!important;height:28px!important;padding:0 4px!important;background:transparent!important;border:0!important;outline:0!important;box-shadow:none!important;color:#e6e5e8!important;font-size:12px!important;font-weight:400!important;text-align:right!important}.app-body .ticket .tp-sl-pair input::placeholder{color:#85838d!important;opacity:1!important}.app-body .ticket .tp-sl-pair label>em{flex:0 0 auto!important;padding:0 7px 0 2px!important;color:#aaa8b1!important;font-size:12px!important;font-style:normal!important}.app-body .ticket .tp-sl-order-row{height:29px!important;margin-bottom:1px!important;padding:0 7px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;border:1px solid #2c2a34!important;border-radius:3px!important;background:#1b1a22!important;color:#92909a!important;font-size:12px!important}.app-body .ticket .tp-sl-order-row button{height:27px!important;padding:0!important;border:0!important;background:transparent!important;color:#92909a!important;font-size:12px!important}.app-body .ticket .tp-sl-advanced{width:100%!important;height:38px!important;margin:9px 0 0!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;border:0!important;border-top:1px solid #25232d!important;border-bottom:1px solid #25232d!important;background:transparent!important;color:#aaa8b1!important;font-size:12px!important;text-align:left!important}.app-body .ticket .tp-sl-advanced i{width:5px!important;height:5px!important;margin-right:3px!important;border:solid #aaa8b1!important;border-width:0 1px 1px 0!important;transform:rotate(45deg) translateY(-2px)!important}.app-body .ticket input[data-tp-sl-toggle]:checked{background:#f1f0f2!important;border-color:#f1f0f2!important;box-shadow:none!important}.app-body .ticket input[data-tp-sl-toggle]:checked:after{content:""!important;width:7px!important;height:4px!important;border:0!important;border-left:2px solid #111018!important;border-bottom:2px solid #111018!important;transform:rotate(-45deg) translateY(-1px)!important}.app-body .ticket.tp-sl-open .checks-row{margin-bottom:14px!important}
.app-body .ticket label.tp-sl-order-row{margin:0 0 1px!important}.app-body .ticket .tp-sl-order-row>span{flex:0 0 auto!important;padding:0!important;color:#92909a!important;font-size:12px!important;font-weight:400!important;white-space:nowrap!important}.app-body .ticket .tp-sl-order-row>input{min-width:0!important;flex:1 1 auto!important;height:27px!important;margin:0!important;padding:0!important;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;color:#e6e5e8!important;font-size:12px!important;font-weight:400!important;text-align:right!important}.app-body .ticket .tp-sl-order-row>input::placeholder{color:#92909a!important;opacity:1!important}.app-body .ticket .tp-sl-order-row:focus-within{border-color:#777580!important}
@media(min-width:1101px){.app-body .pair-row{grid-template-columns:116px 90px 94px 98px 100px 112px 98px 98px!important;justify-content:start!important}.app-body .pair-row>div{padding-left:6px!important;padding-right:6px!important}.app-body .pair-row>div:not(.pair-picker) span{font-size:9px!important;line-height:10px!important;text-decoration:none!important}.app-body .pair-row>div:nth-child(2)>span,.app-body .pair-row>div:nth-child(3)>span,.app-body .pair-row>div:nth-child(6)>span,.app-body .pair-row>div:nth-child(7)>span{text-decoration:underline dotted rgba(170,168,177,.45)!important;text-underline-offset:2px!important}.app-body .pair-row>div:not(.pair-picker) b{font-size:11px!important;line-height:13px!important;overflow:visible!important;text-overflow:clip!important}.app-body .pair-name{gap:4px!important}.app-body .pair-name b{font-size:11px!important}.app-body .pair-name em{padding:0 4px!important;font-size:8px!important}}
@media(min-width:1101px){.app-body .pair-row{grid-template-columns:142px 90px 94px 98px 100px 112px 98px 98px!important}.app-body .pair-row>.pair-picker{padding:2px 4px!important}.app-body .pair-name{width:132px!important;height:26px!important;padding:0 7px!important;gap:5px!important;border:1px solid #2c2a35!important;border-radius:5px!important;background:#1b1a22!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;overflow:hidden!important}.app-body .pair-name:hover{border-color:#393642!important;background:#201f28!important}.app-body .pair-name b{font-size:12px!important;line-height:16px!important}.app-body .pair-name span{font-size:9px!important;line-height:12px!important}.app-body .pair-name em{font-size:9px!important;line-height:16px!important;padding:0!important;background:transparent!important;color:#85828d!important}}
@media(min-width:1101px){.app-body .pair-name{justify-content:flex-start!important}.app-body .pair-name b{font-size:13px!important;letter-spacing:0!important}.app-body .pair-name b:first-letter{color:inherit!important}.app-body .pair-name em{font-size:11px!important;line-height:18px!important;color:#8d8a95!important}.app-body .pair-name span{display:grid!important;place-items:center!important;width:12px!important;height:18px!important;margin:0!important;font-size:12px!important;line-height:18px!important;color:#8d8a95!important;transform:translateY(-1px)!important}}
@media(min-width:1101px){.app-body .pair-name{justify-content:center!important;background:transparent!important;border-color:rgba(104,101,115,.28)!important;box-shadow:none!important}.app-body .pair-name:hover{background:rgba(255,255,255,.018)!important;border-color:rgba(125,122,136,.42)!important}.app-body .pair-name span{display:block!important;width:6px!important;height:6px!important;margin:0 0 3px 1px!important;border-right:1px solid #77747f!important;border-bottom:1px solid #77747f!important;transform:rotate(45deg)!important;font-size:0!important;line-height:0!important;flex:0 0 6px!important}}
@media(min-width:1101px){.app-body .pair-row{grid-template-columns:110px 90px 94px 98px 100px 112px 98px 98px!important}.app-body .pair-name{width:100px!important;height:28px!important;padding:0 7px!important;background:#1b1a22!important;border:1px solid #302e38!important;border-radius:5px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important}.app-body .pair-name:hover{background:#1f1e26!important;border-color:#393641!important}}
@media(min-width:1101px){.app-body .pair-row{grid-template-columns:92px 90px 94px 98px 100px 112px 98px 98px!important}.app-body .pair-row>.pair-picker{padding:3px 7px!important}.app-body .pair-name{width:max-content!important;min-width:0!important;height:24.61px!important;padding:5.28px!important;gap:3.52px!important;justify-content:normal!important;align-items:center!important;background:rgba(255,255,255,.05)!important;border:0!important;border-radius:3px!important;box-shadow:inset 0 .4px 0 rgba(255,255,255,.08),0 0 0 .5px #000!important}.app-body .pair-name:hover{background:rgba(255,255,255,.075)!important;border:0!important}.app-body .pair-name b{font-size:14px!important;font-weight:485!important;line-height:14px!important}.app-body .pair-name em{font-size:14px!important;font-weight:400!important;line-height:14.08px!important;color:rgba(246,246,248,.5)!important}.app-body .pair-name span{position:relative!important;display:block!important;width:12px!important;height:12px!important;margin:0!important;border:0!important;transform:none!important;flex:0 0 12px!important}.app-body .pair-name span:after{content:""!important;position:absolute!important;left:4px!important;top:3px!important;width:4px!important;height:4px!important;border-right:1px solid rgba(246,246,248,.5)!important;border-bottom:1px solid rgba(246,246,248,.5)!important;transform:rotate(45deg)!important}}
@media(min-width:1101px){.app-body .pair-row{grid-template-columns:88px 90px 94px 98px 100px 112px 98px 98px!important}.app-body .pair-row>.pair-picker{padding-left:3px!important;padding-right:3px!important}}
@media(min-width:1101px){.app-body .pair-row{height:39px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:21.12px!important;padding:0 7.26px!important}.app-body .pair-row>div{height:29.52px!important;min-width:60px!important;width:max-content!important;flex:0 0 auto!important;padding:0!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:3.52px!important}.app-body .pair-row>.pair-picker{height:24.61px!important;min-width:0!important;display:block!important;margin-right:-10.56px!important}.app-body .pair-row>div:not(.pair-picker) span{display:block!important;margin:0!important;font-family:"Inter Variable","Inter",system-ui,-apple-system,"Segoe UI",sans-serif!important;font-size:11px!important;font-weight:400!important;line-height:12px!important;letter-spacing:.44px!important;color:oklch(.645 .006 275)!important;text-transform:uppercase!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important}.app-body .pair-row>div:not(.pair-picker) b{display:block!important;width:100%!important;margin:0!important;font-family:"Inter Variable","Inter",system-ui,-apple-system,"Segoe UI",sans-serif!important;font-size:12px!important;font-weight:400!important;line-height:14px!important;letter-spacing:normal!important;color:oklch(.964 0 0)!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important}.app-body .pair-row>div:nth-child(2)>span,.app-body .pair-row>div:nth-child(3)>span,.app-body .pair-row>div:nth-child(6)>span,.app-body .pair-row>div:nth-child(7)>span{text-decoration-line:underline!important;text-decoration-style:dotted!important;text-decoration-thickness:auto!important;text-underline-offset:auto!important}.app-body .pair-row>div:nth-child(4)>span,.app-body .pair-row>div:nth-child(5)>span,.app-body .pair-row>div:nth-child(8)>span{text-decoration:none!important}.app-body .pair-row .red{color:var(--lt-sell)!important}.app-body .pair-row .cyan{color:var(--lt-buy)!important}.app-body .chart-subnav{top:66px!important}.app-body .chart-controlbar{top:91px!important}.app-body .chart-canvas{top:117px!important}}
@media(min-width:1101px){.app-body .pair-row>.pair-picker{margin-right:-18.576px!important}.app-body .pair-row>div:nth-child(4)>b.red{color:var(--lt-sell)!important}.app-body .pair-row>div:nth-child(4)>b.cyan{color:var(--lt-buy)!important}.app-body .pair-row>div:nth-child(7)>b.cyan{color:oklch(.964 0 0)!important}}
@media(min-width:1101px){.app-body .pair-name span:after{top:2px!important}}
@media(min-width:1101px){.app-body .pair-row>div{height:28.52px!important}.app-body .pair-row>.pair-picker{height:28.52px!important;display:flex!important;align-items:center!important;justify-content:center!important}.app-body .pair-row>div:not(.pair-picker) span{font-size:10px!important;line-height:11px!important}.app-body .pair-row>div:nth-child(2){width:71.203px!important}.app-body .pair-row>div:nth-child(3){width:72.938px!important}.app-body .pair-row>div:nth-child(4){width:76.219px!important}.app-body .pair-row>div:nth-child(5){width:75.906px!important}.app-body .pair-row>div:nth-child(6){width:91.906px!important}.app-body .pair-row>div:nth-child(7){width:78.031px!important}.app-body .pair-row>div:nth-child(8){width:87.797px!important}}
@media(min-width:1101px){.app-body .pair-row>div:not(.pair-picker) span{color:oklch(.645 .006 275/.8)!important}}
@media(min-width:1101px){.app-body .trade-shell{grid-template-rows:717px minmax(0,1fr)!important}.app-body .chart-area,.app-body .orderbook,.app-body .ticket{min-height:0!important}}
@media(max-height:900px) and (min-width:1101px){.app-body .trade-shell{grid-template-rows:1fr!important;grid-template-areas:"chart book ticket"!important}.app-body .positions,.app-body .account-panel{display:none!important}}
.app-body .orderbook .depth p>span{font-family:"Roboto Mono",ui-monospace,Consolas,monospace!important;font-size:11px!important;font-weight:500!important;line-height:18px!important;letter-spacing:normal!important}.app-body .orderbook .asks p>span{color:oklch(.82 .085 19)!important}.app-body .orderbook .bids p>span{color:oklch(.9 .075 161)!important}
@media(min-width:1101px){.app-body .chart-subnav{top:66px!important;height:32px!important;padding:0 3px!important}.app-body .chart-subnav>div{gap:3.52px!important}.app-body .chart-subnav button{height:28.0625px!important;padding:7.04px 10.56px!important;border:0!important;border-radius:4px!important;background:transparent!important;color:oklch(.741 .005 258)!important;font-family:"Inter Variable","Inter",system-ui,-apple-system,sans-serif!important;font-size:12px!important;font-weight:400!important;line-height:14px!important}.app-body .chart-subnav>div:first-child button.active{background:rgba(255,255,255,.05)!important;color:oklch(.964 0 0)!important;font-weight:485!important}.app-body .chart-subnav>div:last-child button.active{background:transparent!important;color:oklab(.964 0 0/.7)!important;font-weight:485!important}.app-body .chart-subnav .chart-icon-button{width:21.109px!important;padding:3.52px!important}.app-body .chart-subnav svg,.app-body .chart-controlbar svg{width:14px!important;height:14px!important;display:block!important;fill:none!important;stroke:currentColor!important;stroke-width:1.2!important;stroke-linecap:round!important;stroke-linejoin:round!important}.app-body .chart-subnav .chart-icon-button:first-of-type svg{fill:currentColor!important;stroke:none!important;opacity:.75!important}.app-body .chart-controlbar{top:98px!important;height:32px!important;padding:0 8.5px!important;gap:10.56px!important}.app-body .chart-controlbar button{height:28px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:oklch(.645 .006 275)!important;font-family:"Inter Variable","Inter",system-ui,-apple-system,sans-serif!important;font-size:12px!important;font-weight:400!important;line-height:14px!important}.app-body .chart-controlbar button:hover,.app-body .chart-controlbar button.active{background:transparent!important;color:oklch(.964 0 0)!important}.app-body .chart-controlbar .chart-more{padding:3.52px 5.28px!important;display:flex!important;align-items:center!important;gap:1.76px!important;border-radius:3px!important}.app-body .chart-controlbar .chart-more svg{width:10px!important;height:10px!important}.app-body .chart-controlbar>i{flex:0 0 1px!important;width:1px!important;height:14px!important;margin:0 1.76px!important;background:oklch(1 0 0/.07)!important}.app-body .chart-controlbar .chart-tool-icon{flex:0 0 21.109px!important;width:21.109px!important;height:21.109px!important;padding:3.52px!important;border-radius:3px!important;color:oklab(.964 0 0/.7)!important}.app-body .chart-controlbar .chart-fx{padding:0!important;font-family:Georgia,serif!important;font-size:13px!important}.app-body .chart-controlbar .chart-elements{height:28px!important;padding:3.52px 5.28px!important;display:flex!important;align-items:center!important;gap:5.28px!important;border-radius:3px!important;color:oklab(.964 0 0/.7)!important}.app-body .chart-controlbar .chart-elements svg{width:14px!important;height:14px!important}.app-body .chart-canvas{top:130px!important}}
@media(min-width:1101px){.app-body .pos-tabs{height:32px!important;padding:0 11px!important;gap:3.52px!important;align-items:center!important}.app-body .pos-tabs a,.app-body .pos-tabs .active{height:28.0625px!important;padding:7.04px 10.56px!important;display:flex!important;align-items:center!important;border:0!important;border-radius:4px!important;background:transparent!important;color:oklch(.741 .005 258)!important;font-family:"Inter Variable","Inter",system-ui,-apple-system,sans-serif!important;font-size:12px!important;font-weight:400!important;line-height:14px!important}.app-body .pos-tabs .active{background:rgba(255,255,255,.05)!important;color:oklch(.964 0 0)!important;font-weight:485!important}.app-body .empty-state{inset:33px 0 0!important;gap:9px!important;color:oklch(.741 .005 258)!important;font-family:"Inter Variable","Inter",system-ui,-apple-system,sans-serif!important;font-size:12px!important;line-height:14px!important}.app-body .empty-state:before{content:"▦  ▦"!important;width:48px!important;height:48px!important;background-color:transparent!important;background-image:radial-gradient(circle,#34323c 1px,transparent 1px)!important;background-size:4px 4px!important;color:oklch(.741 .005 258)!important;font-family:ui-monospace,monospace!important;font-size:15px!important;letter-spacing:-3px!important}.app-body .empty-state b{color:oklch(.964 0 0)!important;font-size:12px!important;font-weight:600!important;line-height:14px!important}.app-body .empty-state button{height:20px!important;padding:0!important;color:oklch(.741 .005 258)!important;font-size:12px!important;line-height:14px!important}}

/* Pixel-door empty state: dotted frame with stepped opening and closing leaves. */
.app-body .empty-state:before{display:none!important}
.app-body .arcus-loader{width:48px!important;height:48px!important;flex:0 0 48px!important;display:grid!important;place-items:center!important}
.app-body .arcus-loader img{width:36px!important;height:35px!important;display:block!important;object-fit:contain!important;filter:grayscale(1) brightness(0) invert(1)!important}
.app-body .pos-tabs a{cursor:pointer!important;user-select:none!important;-webkit-user-select:none!important}

/* Compact branded footer status and interactive market launcher. */
.app-body .app-foot nav button[data-open-markets]{height:18px!important;margin:0!important;padding:0!important;display:inline-flex!important;align-items:center!important;gap:4px!important;border:0!important;border-radius:2px!important;background:transparent!important;color:#777580!important;font-family:ui-monospace,"SFMono-Regular",Consolas,monospace!important;font-size:9px!important;font-weight:500!important;line-height:18px!important;text-transform:uppercase!important;cursor:pointer!important}
.app-body .app-foot nav button[data-open-markets]:hover{color:#d8d6dc!important}
.app-body .app-foot nav button[data-open-markets] kbd{height:13px!important;padding:0 3px!important;border:0!important;border-radius:2px!important;background:#26252d!important;color:#777580!important;font:inherit!important;line-height:13px!important}

/* Crypto Screener terminal engine: local Lightweight Charts surface and project palette. */
.app-body .tv-live-chart{display:none!important}
.app-body .native-chart{display:block!important;position:absolute!important;inset:0!important;z-index:12!important;background:#111018!important;overflow:hidden!important;pointer-events:auto!important}
.app-body .native-chart-surface{display:block!important;position:absolute!important;inset:0 0 0 39px!important;background:#111018!important;z-index:1!important}
.app-body .draw-layer{inset:0 0 0 39px!important;z-index:2!important}
.app-body .native-draw-toolbar{z-index:3!important}
.app-body .draw-layer{left:39px!important;right:0!important;top:0!important;bottom:0!important;width:calc(100% - 39px)!important;height:100%!important}
.app-body .chart-settings-popover{position:absolute!important;left:45px!important;bottom:8px!important;z-index:6!important;width:178px!important;padding:8px!important;display:none!important;border:1px solid #35333d!important;border-radius:5px!important;background:#211f27!important;box-shadow:0 12px 30px rgba(0,0,0,.48)!important;color:#e8e7ea!important;font-size:11px!important}.app-body .chart-settings-popover.open{display:block!important}.app-body .chart-settings-popover>b{display:block!important;padding:3px 5px 7px!important;font-size:12px!important;font-weight:600!important}.app-body .chart-settings-popover label{height:29px!important;margin:0!important;padding:0 5px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;color:#aaa8b1!important}.app-body .chart-settings-popover input{width:13px!important;height:13px!important;margin:0!important;accent-color:#3cffb2!important}
.app-body .chart-area:fullscreen{width:100vw!important;height:100vh!important;background:#111018!important}.app-body .chart-area:fullscreen .chart-canvas{bottom:0!important}
.logo .brand-logo{display:block;width:auto;height:38px;object-fit:contain}
.app-body .app-logo{width:156px!important;min-width:156px!important;height:100%!important;padding:0 4px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;overflow:visible!important}
.app-body .app-logo .brand-logo{display:block!important;width:auto!important;height:46.5px!important;max-height:none!important;object-fit:contain!important}
.app-body .app-logo .brand-logo{filter:grayscale(1) brightness(0) invert(1)!important}
.app-body .orderbook .depth p{flex:1 1 0!important;height:auto!important;min-height:0!important;max-height:none!important;line-height:normal!important}
.app-body .orderbook .depth{display:flex!important;flex-direction:column!important}
.app-body .orderbook .asks{justify-content:flex-end!important}
.app-body .orderbook[data-book-side="asks"] .asks{justify-content:flex-start!important}
.app-body .native-draw-toolbar{width:39px!important;height:100%!important;top:0!important;bottom:0!important;padding:7px 4px!important;display:flex!important;justify-content:flex-start!important;gap:0!important;overflow-x:hidden!important;overflow-y:auto!important;scrollbar-width:none!important;background:#111018!important;border-right:1px solid #25232d!important}
.app-body .native-draw-toolbar::-webkit-scrollbar{display:none!important}
.app-body .native-draw-group{width:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:1px!important}
.app-body .native-draw-toolbar button{flex:0 0 25px!important;width:27px!important;height:25px!important;min-width:27px!important;min-height:25px!important;margin:0!important;padding:0!important;border:0!important;border-radius:3px!important;background:transparent!important;color:#908e97!important;box-shadow:none!important}
.app-body .native-draw-toolbar button svg{width:14px!important;height:14px!important;stroke-width:1.55!important}
.app-body .native-draw-toolbar button:hover,.app-body .native-draw-toolbar button.active{background:#292730!important;color:#f1f0f3!important;border:0!important;box-shadow:none!important}
.app-body .native-chart-surface{inset:0 0 0 58px!important}
.app-body .draw-layer{inset:0 0 0 58px!important;left:58px!important;width:calc(100% - 58px)!important}
.app-body .native-draw-toolbar{width:58px!important;padding:7px 4px!important}
.app-body .native-draw-group{gap:1px!important}
.app-body .native-draw-toolbar button{flex:0 0 43px!important;width:50px!important;height:43px!important;min-width:50px!important;min-height:43px!important;border-radius:4px!important}
.app-body .native-draw-toolbar button svg{width:26px!important;height:26px!important;stroke-width:1.45!important}
.app-body .chart-settings-popover{left:64px!important}
.app-body .native-chart-surface.is-loading>*{visibility:hidden!important}

/* Compact drawing toolbar: 1.5x smaller than the previous pass. */
.app-body .native-chart-surface{inset:0 0 0 39px!important}
.app-body .draw-layer{inset:0 0 0 39px!important;left:39px!important;width:calc(100% - 39px)!important}
.app-body .shield-price-chart{display:none;position:absolute;inset:0 0 0 39px;width:calc(100% - 39px);height:100%;z-index:2;background:#111018;pointer-events:none}
.app-body .shield-price-chart.active{display:block}
.app-body .native-chart-surface.shield-custom-active>*{visibility:hidden!important}
.app-body .native-chart-surface.shield-custom-active{cursor:grab;touch-action:none;user-select:none}
.app-body .native-chart-surface.shield-custom-active.is-panning{cursor:grabbing}
.app-body .native-chart-surface.shield-custom-active.price-scale-hover,
.app-body .native-chart-surface.shield-custom-active.is-price-scaling{cursor:ns-resize}
.app-body .shield-page .draw-layer{z-index:3!important}
.app-body .shield-page .native-draw-toolbar{z-index:4!important}
.app-body .native-draw-toolbar{width:39px!important;padding:5px 3px!important}
.app-body .native-draw-toolbar button{flex:0 0 29px!important;width:33px!important;height:29px!important;min-width:33px!important;min-height:29px!important;border-radius:3px!important}
.app-body .native-draw-toolbar button svg{width:17px!important;height:17px!important;stroke-width:1.5!important}
.app-body .chart-settings-popover{left:45px!important}

/* Header spacing calibration. */
@media(min-width:1101px){.app-body .app-logo{width:136px!important;min-width:136px!important}.app-body .pair-row>.pair-picker{margin-right:-4px!important}}

/* Persistent favorite markets strip. */
.app-body .favorites-bar{position:absolute!important;z-index:24!important;left:2px!important;top:31px!important;width:calc(100% - var(--lt-book) - var(--lt-ticket) - 8px)!important;height:28px!important;display:flex!important;align-items:center!important;overflow:hidden!important;border:1px solid #25232d!important;border-radius:4px!important;background:#111018!important}
.app-body .favorite-toggle{flex:0 0 28px!important;width:28px!important;height:26px!important;margin:0!important;padding:0!important;border:0!important;border-right:1px solid #25232d!important;background:transparent!important;color:#777580!important;font-size:15px!important;line-height:26px!important;text-align:center!important;cursor:pointer!important}.app-body .favorite-toggle:hover{color:#d6d4da!important}.app-body .favorite-toggle.active{color:#ffc400!important}
.app-body .favorites-track{min-width:0!important;flex:1 1 auto!important;height:26px!important;padding:2px 5px!important;display:flex!important;align-items:center!important;gap:4px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-behavior:smooth!important;scrollbar-width:none!important}.app-body .favorites-track::-webkit-scrollbar{display:none!important}
.app-body .favorite-market{position:relative!important;flex:0 0 auto!important;height:22px!important;margin:0!important;padding:0 5px 0 8px!important;display:flex!important;align-items:center!important;gap:5px!important;border:1px solid #302e38!important;border-radius:4px!important;background:#1b1a22!important;color:#c9c7ce!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;font-family:"Inter Variable","Inter",system-ui,-apple-system,"Segoe UI",sans-serif!important;font-size:11px!important;line-height:14px!important;white-space:nowrap!important;cursor:grab!important;user-select:none!important;will-change:transform,opacity!important;transition:background-color 140ms ease,border-color 140ms ease,box-shadow 140ms ease,opacity 140ms ease!important}.app-body .favorite-market:active{cursor:grabbing!important}.app-body .favorite-market:hover{background:#23212a!important;border-color:#403d49!important;color:#f4f3f5!important}.app-body .favorite-market.active{background:#282630!important;border-color:#4a4654!important;color:#f4f3f5!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.045)!important}.app-body .favorite-market.dragging{z-index:3!important;opacity:.58!important;background:#302d38!important;border-color:#625e6c!important;box-shadow:0 5px 14px rgba(0,0,0,.38)!important}.app-body .favorite-market b{font-size:11px!important;font-weight:600!important}.app-body .favorite-leverage{padding:0 3px!important;border-radius:3px!important;background:#302e38!important;color:#8f8d96!important;font-size:8px!important;font-weight:500!important;font-style:normal!important;line-height:13px!important}.app-body .favorite-market span{font-family:"Roboto Mono",ui-monospace,Consolas,monospace!important;font-size:10px!important;font-weight:500!important;color:#aaa8b1!important}.app-body .favorite-market em{font-size:10px!important;font-weight:600!important;font-style:normal!important}.app-body .favorite-market em.up{color:var(--lt-buy)!important}.app-body .favorite-market em.down{color:var(--lt-sell)!important}.app-body .favorite-remove{flex:0 0 15px!important;width:15px!important;height:15px!important;margin:0 0 0 1px!important;padding:0!important;display:grid!important;place-items:center!important;border:0!important;border-radius:3px!important;background:transparent!important;color:#706e78!important;font-family:Arial,sans-serif!important;font-size:14px!important;font-weight:400!important;line-height:14px!important;cursor:pointer!important}.app-body .favorite-remove:hover{background:#3a3742!important;color:#f1f0f3!important}
.app-body .favorites-arrow{display:none!important;flex:0 0 24px!important;width:24px!important;height:26px!important;margin:0!important;padding:0!important;border:0!important;border-left:1px solid #302e38!important;background:#1b1a22!important;color:#aaa8b1!important;font-size:18px!important;line-height:26px!important;cursor:pointer!important}.app-body .favorites-arrow.visible{display:block!important}.app-body .favorites-prev{border-left:0!important;border-right:1px solid #302e38!important}.app-body .favorites-arrow:disabled{opacity:.3!important;cursor:default!important}
@media(min-width:1101px){.app-body .terminal:has(.orderbook[data-book-layout="large"]) .favorites-bar{width:calc(100% - var(--lt-book) - var(--lt-book) - var(--lt-ticket) - 8px)!important}}
@media(max-width:1100px){.app-body .favorites-bar{position:relative!important;left:auto!important;top:auto!important;width:calc(100% - 8px)!important;margin:4px!important}}

/* Drawing engine controls ported from Screener PROD. */
.app-body .draw-edit{position:fixed!important;z-index:1000!important;display:none!important;align-items:center!important;gap:4px!important;height:38px!important;padding:4px 6px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:8px!important;background:#1a1f26!important;box-shadow:0 8px 28px rgba(0,0,0,.55)!important;color:#e6edf3!important;user-select:none!important}.app-body .draw-edit.open{display:flex!important}.app-body .draw-edit button{min-width:28px!important;height:28px!important;padding:4px 6px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;border:0!important;border-radius:6px!important;background:transparent!important;color:#c9d1d9!important;cursor:pointer!important}.app-body .draw-edit button:hover{background:rgba(255,255,255,.08)!important}.app-body .draw-edit-grip{cursor:grab!important;color:#8b949e!important}.app-body .draw-edit svg{width:14px!important;height:14px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}.app-body .draw-color{width:22px!important;height:22px!important;display:block!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.24)!important;border-radius:5px!important}.app-body .draw-color input{width:32px!important;height:32px!important;margin:-5px!important;padding:0!important;border:0!important;background:transparent!important;cursor:pointer!important}.app-body [data-draw-width]>span,.app-body [data-draw-style]>span{display:block!important;width:18px!important;height:0!important;border-top:1px solid currentColor!important}.app-body [data-draw-style] .style-1{border-top-style:dotted!important}.app-body [data-draw-style] .style-2{border-top-style:dashed!important}.app-body [data-draw-width]>b{font-size:11px!important;font-weight:500!important}

/* Hyperliquid funding dashboard. */
.app-body [hidden]{display:none!important}
.app-body .funding-view{position:absolute!important;z-index:17!important;left:0!important;right:0!important;top:98px!important;bottom:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;background:#111018!important;color:#d8d7dc!important;font-family:"Inter Variable","Inter",system-ui,-apple-system,"Segoe UI",sans-serif!important}
.app-body .funding-summary{flex:0 0 139px!important;padding-top:7px!important;border-bottom:1px solid #292731!important}.app-body .funding-summary>div{height:22px!important;padding:0 8px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;border-bottom:1px solid #292731!important;font-size:11px!important;line-height:14px!important}.app-body .funding-summary>div:last-child{border-bottom:0!important}.app-body .funding-summary span{color:#aaa8b0!important}.app-body .funding-summary b{font-size:11px!important;font-weight:600!important;color:#dad9dd!important}.app-body .funding-summary b.positive{color:#22e6a6!important}.app-body .funding-summary b.negative{color:#ff5261!important}
.app-body .funding-history-head{flex:0 0 39px!important;padding:0 8px!important;display:flex!important;align-items:center!important;justify-content:space-between!important}.app-body .funding-history-head>b{font-size:11px!important;font-weight:600!important;color:#c7c5cb!important}.app-body .funding-history-head>div{display:flex!important;align-items:center!important;gap:4px!important}.app-body .funding-history-head button{height:22px!important;padding:0 7px!important;border:0!important;border-radius:4px!important;background:transparent!important;color:#aaa8b0!important;font-size:10px!important;font-weight:600!important}.app-body .funding-history-head button:hover{color:#e8e7ea!important}.app-body .funding-history-head button.active{background:#2b2932!important;color:#f4f3f5!important}
.app-body .funding-chart{position:relative!important;min-height:180px!important;flex:1 1 auto!important}.app-body .funding-chart canvas{display:block!important;width:100%!important;height:calc(100% - 26px)!important}.app-body .funding-loading{position:absolute!important;inset:0 0 26px!important;display:grid!important;place-items:center!important;color:#777580!important;font-size:11px!important;background:#111018!important}.app-body .funding-legend{position:absolute!important;left:0!important;right:0!important;bottom:2px!important;height:22px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:14px!important;color:#8f8d96!important;font-size:10px!important}.app-body .funding-legend span{display:flex!important;align-items:center!important;gap:5px!important}.app-body .funding-legend i{width:9px!important;height:9px!important;border-radius:2px!important;background:#21e6a5!important}.app-body .funding-legend i.cumulative{background:#aaa9b0!important}
.app-body .funding-view[hidden]{display:none!important}

/* Lighter-style Hyperliquid market picker. */
body>.pair-menu{position:fixed!important;left:50%!important;top:38px!important;transform:translateX(-50%)!important;width:min(860px,calc(100vw - 24px))!important;height:min(610px,calc(100vh - 58px))!important;max-height:none!important;display:none!important;flex-direction:column!important;z-index:2147483647!important;overflow:hidden!important;border:1px solid #35333d!important;border-radius:7px!important;background:#15141b!important;box-shadow:0 28px 90px rgba(0,0,0,.78)!important;color:#e8e7ea!important}
body>.pair-menu.open{display:flex!important}
body>.pair-menu .market-search{position:relative!important;flex:0 0 39px!important;height:39px!important;display:flex!important;align-items:center!important;border-bottom:1px solid #2b2932!important}body>.pair-menu .market-search svg{position:absolute!important;left:10px!important;width:13px!important;height:13px!important;fill:none!important;stroke:#85838d!important;stroke-width:1.25!important}body>.pair-menu .market-search input{width:100%!important;height:38px!important;margin:0!important;padding:0 42px 0 28px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#e8e7ea!important;font-size:12px!important;outline:0!important}body>.pair-menu .market-search input::placeholder{color:#83818a!important}body>.pair-menu .market-search>button{position:absolute!important;right:7px!important;width:27px!important;height:27px!important;padding:0!important;border:0!important;background:transparent!important;color:#77757e!important;font-size:19px!important;font-weight:300!important;cursor:pointer!important}body>.pair-menu .market-search>button:hover{color:#f0eff2!important}
body>.pair-menu .market-primary{flex:0 0 34px!important;height:34px!important;padding:0 8px!important;display:flex!important;align-items:end!important;gap:18px!important;border-bottom:1px solid #2b2932!important}body>.pair-menu .market-primary button{height:33px!important;padding:0 1px!important;border:0!important;border-bottom:1px solid transparent!important;background:transparent!important;color:#8c8a93!important;font-size:11px!important;font-weight:500!important;cursor:pointer!important}body>.pair-menu .market-primary button:first-child{color:#aaa8b0!important}body>.pair-menu .market-primary button:first-child::first-letter{color:#ffc400!important}body>.pair-menu .market-primary button:hover{color:#e9e8eb!important}body>.pair-menu .market-primary button.active{border-bottom-color:#e9e8eb!important;color:#f0eff2!important}body>.pair-menu .market-primary span{margin:0 0 8px auto!important;color:#706e78!important;font-family:"Roboto Mono",ui-monospace,monospace!important;font-size:9px!important;letter-spacing:.3px!important}
body>.pair-menu .market-categories{flex:0 0 34px!important;height:34px!important;padding:5px 8px!important;display:flex!important;align-items:center!important;gap:5px!important;overflow-x:auto!important;overflow-y:hidden!important;border-bottom:1px solid #292731!important;scrollbar-width:none!important}body>.pair-menu .market-categories::-webkit-scrollbar{display:none!important}body>.pair-menu .market-categories button{flex:0 0 auto!important;height:23px!important;padding:0 8px!important;border:0!important;border-radius:3px!important;background:transparent!important;color:#88868f!important;font-size:10px!important;font-weight:500!important;white-space:nowrap!important;cursor:pointer!important}body>.pair-menu .market-categories button:hover{color:#e5e4e7!important}body>.pair-menu .market-categories button.active{background:#2a2831!important;color:#f0eff2!important}
body>.pair-menu .market-table-head,body>.pair-menu .market-row{display:grid!important;grid-template-columns:30px minmax(160px,1.35fr) repeat(5,minmax(84px,1fr))!important;align-items:center!important}body>.pair-menu .market-table-head{flex:0 0 28px!important;height:28px!important;padding:0 8px!important;border-bottom:1px solid #292731!important;color:#77757e!important;font-size:9px!important;text-transform:uppercase!important}body>.pair-menu .market-table-head span:first-child{grid-column:1/3!important;padding-left:30px!important}body>.pair-menu .market-table-head span:not(:first-child){text-align:right!important}
body>.pair-menu .pair-list{min-height:0!important;max-height:none!important;flex:1 1 auto!important;padding:0!important;overflow-x:hidden!important;overflow-y:auto!important;scrollbar-color:#605e67 transparent!important;scrollbar-width:thin!important}body>.pair-menu .pair-list>p{margin:24px!important;color:#85838c!important;text-align:center!important}body>.pair-menu .market-row{height:37px!important;padding:0 8px!important;border-bottom:1px solid #292731!important;color:#c8c6cd!important;cursor:pointer!important}body>.pair-menu .market-row:hover{background:#1d1c23!important}body>.pair-menu .market-row.selected{background:#1b1a21!important}body>.pair-menu .market-star{width:24px!important;height:28px!important;padding:0!important;border:0!important;background:transparent!important;color:#77757e!important;font-size:14px!important;cursor:pointer!important}body>.pair-menu .market-star:hover,body>.pair-menu .market-star.active{color:#ffc400!important}body>.pair-menu .market-name{min-width:0!important;display:flex!important;align-items:center!important;gap:6px!important}body>.pair-menu .market-name b{overflow:hidden!important;color:#dddce0!important;font-size:11px!important;font-weight:600!important;text-overflow:ellipsis!important;white-space:nowrap!important}body>.pair-menu .market-name em{padding:1px 4px!important;border-radius:3px!important;background:#2b2932!important;color:#8f8d96!important;font-size:9px!important;font-style:normal!important;line-height:14px!important}body>.pair-menu .market-name small{padding:1px 5px!important;border:1px solid #48454f!important;border-radius:3px!important;color:#8e8c95!important;font-size:8px!important;line-height:13px!important}body>.pair-menu .market-row>strong{overflow:hidden!important;color:#b9b7bf!important;font-family:"Roboto Mono",ui-monospace,Consolas,monospace!important;font-size:10px!important;font-weight:500!important;text-align:right!important;text-overflow:ellipsis!important;white-space:nowrap!important}body>.pair-menu .market-row>strong.up{color:#21dfa2!important}body>.pair-menu .market-row>strong.down{color:#ff5261!important}
@media(max-width:720px){body>.pair-menu{top:8px!important;height:calc(100vh - 16px)!important}body>.pair-menu .market-primary{gap:11px!important}body>.pair-menu .market-table-head,body>.pair-menu .market-row{grid-template-columns:28px minmax(110px,1fr) 90px 70px!important}body>.pair-menu .market-table-head span:nth-child(n+4),body>.pair-menu .market-row>strong:nth-of-type(n+3){display:none!important}}

/* Match the legacy selector specificity so the centered market dialog wins. */
body.app-body>.pair-menu{left:8px!important;top:138px!important;transform:none!important;width:min(870px,calc(100vw - 16px))!important;height:min(570px,calc(100vh - 146px))!important;max-height:none!important;display:none!important;background:#0d0c13!important}
body.app-body>.pair-menu.open{display:flex!important}
body.app-body>.pair-menu [hidden]{display:none!important}
body.app-body>.pair-menu .market-feature-grid{width:100%!important;min-height:0!important;height:100%!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;background:#0d0c13!important}
body.app-body>.pair-menu .market-feature-column{min-width:0!important;overflow:hidden!important;border-right:1px solid #2b2932!important}
body.app-body>.pair-menu .market-feature-column:last-child{border-right:0!important}
body.app-body>.pair-menu .market-feature-column>header{height:31px!important;padding:0 9px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;border-bottom:1px solid #2b2932!important;color:#d7d6da!important;font-size:10px!important}
body.app-body>.pair-menu .market-feature-column>header b{font-size:10px!important;font-weight:650!important}
body.app-body>.pair-menu .market-feature-column>header i{margin-left:3px!important;color:#ff4e5d!important;font-size:9px!important;font-style:normal!important}
body.app-body>.pair-menu .market-feature-column:nth-child(2)>header i{color:#31d99d!important}
body.app-body>.pair-menu .market-feature-column:nth-child(3)>header i{color:#ffc400!important}
body.app-body>.pair-menu .market-feature-column>header span{color:#77757e!important;font-family:"Roboto Mono",ui-monospace,Consolas,monospace!important;font-size:9px!important}
body.app-body>.pair-menu .market-feature-column>div{height:calc(100% - 31px)!important;padding:7px!important;overflow-y:auto!important;scrollbar-width:thin!important;scrollbar-color:#55535c transparent!important}
body.app-body>.pair-menu .market-feature-column p{margin:34px 12px!important;color:#77757e!important;font-size:10px!important;line-height:16px!important;text-align:center!important}
body.app-body>.pair-menu .market-card{position:relative!important;height:75px!important;margin:0 0 7px!important;padding:10px 9px!important;display:block!important;overflow:hidden!important;border:1px solid #302e38!important;border-radius:4px!important;background:#1a1920!important;color:#d8d7dc!important;cursor:pointer!important;transition:border-color .12s ease,background .12s ease!important}
body.app-body>.pair-menu .market-card:hover{border-color:#4a4752!important;background:#201f27!important}
body.app-body>.pair-menu .market-card.selected{border-color:#625e6a!important;background:#211f27!important}
body.app-body>.pair-menu .market-card .market-name{position:absolute!important;left:10px!important;top:9px!important;right:34px!important;height:18px!important}
body.app-body>.pair-menu .market-card .market-name b{font-size:12px!important;color:#e5e4e7!important}
body.app-body>.pair-menu .market-card .market-name em{font-size:9px!important}
body.app-body>.pair-menu .market-card .market-name small{font-size:7px!important}
body.app-body>.pair-menu .market-card>.market-star{position:absolute!important;z-index:2!important;right:6px!important;top:5px!important;width:25px!important;height:25px!important}
body.app-body>.pair-menu .market-card-quote{position:absolute!important;left:10px!important;bottom:9px!important;display:flex!important;align-items:center!important;gap:7px!important}
body.app-body>.pair-menu .market-card-quote strong{font-family:"Roboto Mono",ui-monospace,Consolas,monospace!important;font-size:10px!important;font-weight:550!important;color:#d0ced5!important}
body.app-body>.pair-menu .market-card-quote strong.up{color:#20dda0!important}
body.app-body>.pair-menu .market-card-quote strong.down{color:#ff5261!important}
body.app-body>.pair-menu .market-card>svg{position:absolute!important;right:9px!important;bottom:8px!important;width:58px!important;height:26px!important;overflow:visible!important}
body.app-body>.pair-menu .market-card>svg path{fill:none!important;stroke:#ff5261!important;stroke-width:1.3!important;stroke-linecap:round!important;stroke-linejoin:round!important}
body.app-body>.pair-menu .market-card:has(.market-card-quote .up)>svg path{stroke:#20dda0!important}
body.app-body>.pair-menu .market-card>svg:not(.up):not(.down) path{opacity:0!important}
body.app-body>.pair-menu .market-card>svg.up path{opacity:1!important;stroke:#20dda0!important}
body.app-body>.pair-menu .market-card>svg.down path{opacity:1!important;stroke:#ff5261!important}
@media(max-width:720px){body.app-body>.pair-menu{top:8px!important;height:calc(100vh - 16px)!important}body.app-body>.pair-menu .market-feature-grid{grid-template-columns:1fr!important;overflow-y:auto!important}body.app-body>.pair-menu .market-feature-column{overflow:visible!important;border-right:0!important;border-bottom:1px solid #2b2932!important}body.app-body>.pair-menu .market-feature-column>div{height:auto!important;overflow:visible!important}}

/* Translucent market picker shared by Trade and Shield. */
body.app-body>.pair-menu{border-color:rgba(255,255,255,.095)!important;background:radial-gradient(circle at 14% -8%,rgba(128,137,174,.12),transparent 34%),linear-gradient(145deg,rgba(20,19,28,.89),rgba(9,8,14,.84))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.075),inset 0 -1px 0 rgba(255,255,255,.025),0 28px 85px rgba(0,0,0,.58)!important;backdrop-filter:blur(24px) saturate(135%)!important;-webkit-backdrop-filter:blur(24px) saturate(135%)!important}
body.app-body>.pair-menu .market-search,body.app-body>.pair-menu .market-primary,body.app-body>.pair-menu .market-categories,body.app-body>.pair-menu .market-table-head{border-bottom-color:rgba(255,255,255,.07)!important;background:rgba(255,255,255,.008)!important}
body.app-body>.pair-menu .market-search:focus-within{background:rgba(255,255,255,.025)!important;box-shadow:inset 0 -1px 0 rgba(122,232,201,.16)!important}
body.app-body>.pair-menu .market-feature-grid{background:transparent!important}
body.app-body>.pair-menu .market-feature-column{border-right-color:rgba(255,255,255,.065)!important;background:linear-gradient(180deg,rgba(255,255,255,.012),rgba(255,255,255,0) 42%)!important}
body.app-body>.pair-menu .market-feature-column>header{border-bottom-color:rgba(255,255,255,.065)!important;background:rgba(255,255,255,.012)!important}
body.app-body>.pair-menu .market-card{border-color:rgba(255,255,255,.085)!important;background:linear-gradient(145deg,rgba(42,41,53,.63),rgba(25,24,33,.53))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.055),inset 0 -1px 0 rgba(0,0,0,.2),0 4px 12px rgba(0,0,0,.12)!important;backdrop-filter:blur(10px) saturate(125%)!important;-webkit-backdrop-filter:blur(10px) saturate(125%)!important;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease!important}
body.app-body>.pair-menu .market-card:before{content:""!important;position:absolute!important;inset:0!important;border-radius:inherit!important;background:linear-gradient(112deg,rgba(255,255,255,.045),transparent 28%,transparent 72%,rgba(255,255,255,.018))!important;pointer-events:none!important}
body.app-body>.pair-menu .market-card:hover{transform:translateY(-1px)!important;border-color:rgba(255,255,255,.17)!important;background:linear-gradient(145deg,rgba(51,49,63,.72),rgba(29,28,38,.62))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 8px 19px rgba(0,0,0,.22)!important}
body.app-body>.pair-menu .market-card.selected{border-color:rgba(184,190,215,.25)!important;background:linear-gradient(145deg,rgba(56,54,68,.72),rgba(31,30,41,.65))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.095),0 0 0 1px rgba(255,255,255,.025)!important}
body.app-body>.pair-menu .market-row{border-bottom-color:rgba(255,255,255,.055)!important;background:linear-gradient(90deg,rgba(255,255,255,.015),rgba(255,255,255,0))!important;transition:background .14s ease,box-shadow .14s ease!important}
body.app-body>.pair-menu .market-row:hover{background:linear-gradient(90deg,rgba(255,255,255,.055),rgba(255,255,255,.018))!important;box-shadow:inset 2px 0 0 rgba(60,255,178,.38)!important}
body.app-body>.pair-menu .market-row.selected{background:linear-gradient(90deg,rgba(255,255,255,.07),rgba(255,255,255,.025))!important}
body.app-body>.pair-menu .market-icon{width:18px!important;height:18px!important;min-width:18px!important;flex:0 0 18px!important;display:block!important;border-radius:50%!important;object-fit:cover!important;background:rgba(255,255,255,.92)!important;box-shadow:0 0 0 1px rgba(255,255,255,.11),0 2px 7px rgba(0,0,0,.28)!important}
body.app-body>.pair-menu .market-card .market-icon{width:19px!important;height:19px!important;min-width:19px!important;flex-basis:19px!important}

/* Use the space previously reserved for the announcement bar. */
.app-body .trade-shell{top:2px!important}
.app-body .favorites-bar{top:2px!important}
.app-body .pair-row{top:31px!important}
@media(max-width:1100px){.app-body .trade-shell{position:relative!important;top:auto!important}.app-body .favorites-bar,.app-body .pair-row{position:relative!important;top:auto!important}}

/* Lighter-style chart legend with per-candle quote volume. */
.app-body .chart-legend{position:absolute!important;z-index:5!important;left:46px!important;top:7px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:5px!important;pointer-events:none!important;color:#d8d7dc!important;font-family:Arial,"Helvetica Neue",Helvetica,system-ui,sans-serif!important;font-size:12px!important;line-height:14px!important;text-shadow:0 1px 2px #111018!important}.app-body .chart-legend>b{font-size:12px!important;font-weight:600!important;color:#d8d7dc!important}.app-body .chart-legend>span{display:flex!important;align-items:center!important;gap:7px!important}.app-body .chart-legend strong{font-size:12px!important;font-weight:600!important;color:#d8d7dc!important}.app-body .chart-legend em{font-size:12px!important;font-weight:500!important;font-style:normal!important;color:#3cffb2!important}

/* Shield reuses the trading terminal without the order-book column. */
.app-body.shield-page .orderbook{display:none!important}
@media(min-width:1101px){.app-body.shield-page .trade-shell{grid-template-columns:minmax(560px,1fr) var(--lt-ticket)!important;grid-template-rows:calc(50% - 1px) calc(50% - 1px)!important;grid-template-areas:"chart ticket" "chart positions"!important}.app-body.shield-page .pair-row,.app-body.shield-page .favorites-bar{width:calc(100% - var(--lt-ticket) - 6px)!important}.app-body.shield-page .chart-area{grid-area:chart!important}.app-body.shield-page .positions{display:block!important;grid-area:positions!important}.app-body.shield-page .ticket{grid-area:ticket!important}.app-body.shield-page .account-panel{display:none!important}}
@media(max-width:1100px){.app-body.shield-page .trade-shell{grid-template-columns:1fr!important;grid-template-rows:560px auto auto!important;grid-template-areas:"chart" "ticket" "positions"!important}.app-body.shield-page .pair-row,.app-body.shield-page .favorites-bar{width:calc(100% - 8px)!important}}
@media(min-width:1101px){.app-body.shield-page .chart-controlbar{top:66px!important}.app-body.shield-page .chart-canvas{top:98px!important}}
@media(max-height:900px) and (min-width:1101px){.app-body.shield-page .trade-shell{grid-template-rows:minmax(0,60%) minmax(0,40%)!important;grid-template-areas:"chart ticket" "chart positions"!important}.app-body.shield-page .positions{display:block!important}.app-body.shield-page .account-panel{display:none!important}}
.app-body.shield-page .positions{min-width:0!important;padding:0!important}.app-body.shield-page .pos-tabs{width:100%!important;height:33px!important;padding:2px 3px!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:2px!important}.app-body.shield-page .pos-tabs a,.app-body.shield-page .pos-tabs .active{min-width:0!important;width:100%!important;height:28px!important;padding:0 2px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;border-radius:3px!important;font-size:9px!important;line-height:12px!important;text-align:center!important;text-overflow:ellipsis!important;white-space:nowrap!important}.app-body.shield-page .empty-state{inset:34px 0 0!important}
@media(max-width:1500px) and (min-width:1101px){.app-body.shield-page .pos-tabs a,.app-body.shield-page .pos-tabs .active{font-size:8px!important;letter-spacing:-.1px!important}}

/* Shield leverage trading panel. */
.app-body.shield-page .shield-ticket{padding:12px!important;overflow:auto!important;background:#111018!important;color:#efedf2!important;font-family:Inter,Arial,sans-serif!important;scrollbar-width:thin;scrollbar-color:#45424d transparent}
.shield-ticket button,.shield-ticket input{font:inherit}.shield-available{display:flex;align-items:center;gap:5px;margin-bottom:10px;font-size:11px;color:#898691}.shield-available b{font-size:11px;color:#f2f1f4;font-weight:600}.shield-margin{display:block}.shield-margin>span,.shield-leverage-title>span{display:block;margin:0 0 5px;font-size:10px;color:#8d8a95}.shield-margin>div{height:39px;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid #292731;border-radius:7px 7px 0 0;background:#1a1920}.shield-margin input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#f5f4f6;font-size:13px}.shield-margin input::placeholder{color:#64616b}.shield-margin b{font-size:12px;font-weight:500;color:#eceaf0}.shield-quick-amounts{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:14px;border:1px solid #292731;border-top:0;border-radius:0 0 7px 7px;overflow:hidden}.shield-quick-amounts button{height:28px;border:0;border-right:1px solid #292731;background:#17161d;color:#918e99;font-size:11px;cursor:pointer}.shield-quick-amounts button:last-child{border-right:0}.shield-quick-amounts button:hover,.shield-quick-amounts button.active{background:#24222b;color:#fff}.shield-leverage-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}.shield-leverage-title>span{margin:0}.shield-leverage-title b{font-size:9px;font-weight:500;color:#6f6c77}.shield-leverage-stepper{height:39px;display:grid;grid-template-columns:42px 1fr 42px;align-items:center;border:1px solid #292731;border-radius:7px;background:#1a1920}.shield-leverage-stepper button{height:100%;border:0;background:transparent;color:#88858f;font-size:21px;line-height:1;cursor:pointer}.shield-leverage-stepper button:hover{color:#fff}.shield-leverage-stepper output{text-align:center;color:#fff;font-size:13px;font-weight:600}.shield-leverage-range{position:relative;margin:10px 2px 0}.shield-leverage-range input{width:100%;height:14px;margin:0;accent-color:#3cffb2;cursor:pointer}.shield-leverage-labels{display:flex;justify-content:space-between;margin:1px 0 16px;color:#85828d;font:9px/1 Roboto Mono,monospace}.shield-submit{width:100%;height:36px;border:0;border-radius:18px;background:#f1f0f3;color:#111018;font-size:12px;font-weight:600;cursor:pointer}.shield-submit:hover{background:#fff}.shield-trade-metrics{margin-top:15px}.shield-trade-metrics p,.shield-liquidation{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px;font-size:9px}.shield-trade-metrics u{color:#85828d;text-decoration-style:dotted;text-underline-offset:3px}.shield-trade-metrics b{color:#f3f2f5;font-weight:500;text-align:right}.shield-trade-metrics i{color:#57545f;font-style:normal}.shield-liquidation span{display:flex;flex-direction:column;gap:6px}.shield-liquidation span:last-child{text-align:right;align-items:flex-end}.shield-fee-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:2px}.shield-fee-options label{display:flex;align-items:center;gap:6px;color:#8d8a95;font-size:9px;cursor:pointer}.shield-fee-options label:last-child{justify-content:flex-end}.shield-fee-options input{width:11px;height:11px;margin:0;accent-color:#3cffb2}

/* Shield panel geometry refinements. */
.app-body.shield-page .shield-margin-table{height:auto!important;display:block!important;padding:0!important;border:1px solid #34323d!important;border-radius:6px!important;background:#17161d!important;overflow:hidden!important}
.app-body.shield-page .shield-margin-table>label{height:38px!important;margin:0!important;display:flex!important;align-items:center!important;padding:0 12px!important;border:0!important;border-radius:0!important;background:#1a1921!important}
.app-body.shield-page .shield-margin-table>label input{height:100%!important;padding:0!important;border:0!important;background:transparent!important;text-align:right!important}
.app-body.shield-page .shield-margin-table>label b{flex:0 0 auto!important;margin-left:14px!important}
.app-body.shield-page .shield-quick-amounts{height:30px!important;margin:0!important;border:0!important;border-top:1px solid #34323d!important;border-radius:0!important;background:#17161d!important;overflow:hidden!important}
.app-body.shield-page .shield-quick-amounts button{height:30px!important;border-right:1px solid #34323d!important}
.app-body.shield-page .shield-leverage-title{margin-top:14px!important}
.app-body.shield-page .shield-leverage-range{height:14px!important;margin:10px 0 0!important;overflow:visible!important}
.app-body.shield-page .shield-leverage-range input{-webkit-appearance:none!important;appearance:none!important;width:calc(100% + 14px)!important;height:14px!important;margin:0 -7px!important;padding:0!important;background:transparent!important;cursor:pointer!important}
.app-body.shield-page .shield-leverage-range input::-webkit-slider-runnable-track{height:5px!important;border-radius:999px!important;background:linear-gradient(to right,#3cffb2 0 var(--shield-leverage-fill,100%),#292830 var(--shield-leverage-fill,100%) 100%)!important}
.app-body.shield-page .shield-leverage-range input::-webkit-slider-thumb{-webkit-appearance:none!important;appearance:none!important;width:14px!important;height:14px!important;margin-top:-4.5px!important;border:0!important;border-radius:50%!important;background:#3cffb2!important;box-shadow:none!important}
.app-body.shield-page .shield-leverage-range input::-moz-range-track{height:5px!important;border:0!important;border-radius:999px!important;background:#292830!important}
.app-body.shield-page .shield-leverage-range input::-moz-range-progress{height:5px!important;border-radius:999px!important;background:#3cffb2!important}
.app-body.shield-page .shield-leverage-range input::-moz-range-thumb{width:14px!important;height:14px!important;border:0!important;border-radius:50%!important;background:#3cffb2!important;box-shadow:none!important}
.app-body.shield-page .shield-leverage-labels{margin-left:-1px!important;margin-right:-1px!important}
.app-body.shield-page .shield-trade-metrics p,.app-body.shield-page .shield-liquidation{font-size:11px!important;line-height:15px!important}
.app-body.shield-page .shield-fee-options label{margin:0!important;display:flex!important;font-size:11px!important}
.app-body.shield-page .shield-fee-options input[type=checkbox]{-webkit-appearance:none!important;appearance:none!important;width:13px!important;min-width:13px!important;max-width:13px!important;height:13px!important;min-height:13px!important;max-height:13px!important;flex:0 0 13px!important;padding:0!important;border:1px solid #47444f!important;border-radius:2px!important;background:#111018!important;box-shadow:none!important}
.app-body.shield-page .shield-fee-options input[type=checkbox]:checked{background:#3cffb2!important;border-color:#3cffb2!important;box-shadow:inset 0 0 0 3px #111018!important}

/* Match Shield control dimensions to the Trade ticket. */
.app-body.shield-page .shield-ticket{padding:5px!important}
.app-body.shield-page .shield-available{height:22px!important;margin:0 1px 5px!important;font-size:12px!important}
.app-body.shield-page .shield-available b{font-size:12px!important}
.app-body.shield-page .shield-margin>span,.app-body.shield-page .shield-leverage-title>span{margin:0 1px 4px!important;font-size:12px!important;line-height:16px!important}
.app-body.shield-page .shield-margin-table{border-color:#2c2a34!important;border-radius:3px!important;background:#1b1a22!important}
.app-body.shield-page .shield-margin-table>label{height:29px!important;padding:0 7px!important;background:#1b1a22!important}
.app-body.shield-page .shield-margin-table>label input,.app-body.shield-page .shield-margin-table>label b{font-size:12px!important;line-height:16px!important}
.app-body.shield-page .shield-quick-amounts{height:29px!important;border-top-color:#2c2a34!important;background:#1b1a22!important}
.app-body.shield-page .shield-quick-amounts button{height:29px!important;border-right-color:#2c2a34!important;background:#1b1a22!important;font-size:12px!important}
.app-body.shield-page .shield-leverage-title{margin:10px 0 4px!important}
.app-body.shield-page .shield-leverage-title b{font-size:10px!important}
.app-body.shield-page .shield-leverage-stepper{height:29px!important;border-color:#2c2a34!important;border-radius:3px!important;background:#1b1a22!important}
.app-body.shield-page .shield-leverage-stepper button{font-size:18px!important}
.app-body.shield-page .shield-leverage-stepper output{font-size:12px!important}
.app-body.shield-page .shield-leverage-range{width:auto!important;height:14px!important;margin:10px 7px 0!important}
.app-body.shield-page .shield-leverage-range input{width:100%!important;height:14px!important;margin:0!important}
.app-body.shield-page .shield-leverage-labels{margin:1px 1px 12px!important;font-size:9px!important}
.app-body.shield-page .shield-submit{width:calc(100% - 2px)!important;height:29px!important;margin:0 1px 10px!important;border-radius:3px!important;font-size:12px!important;line-height:16px!important;font-weight:500!important}
.app-body.shield-page .shield-trade-metrics{margin:0 1px!important}
.app-body.shield-page .shield-trade-metrics p,.app-body.shield-page .shield-liquidation{margin:3px 0!important;font-size:12px!important;line-height:17px!important}
.app-body.shield-page .shield-fee-options{margin:5px 1px 0!important}
.app-body.shield-page .shield-fee-options label{font-size:12px!important;line-height:16px!important}

/* Use the Trade ticket's exact typography and control rhythm. */
.app-body.shield-page .shield-ticket{font-family:Arial,"Helvetica Neue",Helvetica,system-ui,sans-serif!important;font-size:12px!important;line-height:17px!important}
.app-body.shield-page .shield-ticket button,.app-body.shield-page .shield-ticket input,.app-body.shield-page .shield-ticket output{font-family:inherit!important}
.app-body.shield-page .shield-available{height:auto!important;margin:5px 1px!important;line-height:17px!important;font-weight:400!important}
.app-body.shield-page .shield-available span{color:#aaa8b1!important}
.app-body.shield-page .shield-available b{color:#f2f1f3!important;line-height:17px!important;font-weight:600!important}
.app-body.shield-page .shield-margin>span{margin:8px 1px 4px!important;color:#aaa8b1!important;font-weight:400!important}
.app-body.shield-page .shield-margin-table>label input{color:#e8e7e9!important;font-weight:400!important}
.app-body.shield-page .shield-margin-table>label b{color:#f2f1f3!important;font-weight:600!important}
.app-body.shield-page .shield-quick-amounts button{color:#aaa8b1!important;font-weight:400!important}
.app-body.shield-page .shield-quick-amounts button:hover,.app-body.shield-page .shield-quick-amounts button.active{color:#f2f1f3!important}
.app-body.shield-page .shield-leverage-title{margin:8px 1px 4px!important;line-height:16px!important}
.app-body.shield-page .shield-leverage-title>span{margin:0!important;color:#aaa8b1!important;font-weight:400!important}
.app-body.shield-page .shield-leverage-title b{color:#777580!important;line-height:16px!important;font-weight:400!important}
.app-body.shield-page .shield-leverage-stepper{grid-template-columns:34px minmax(0,1fr) 34px!important}
.app-body.shield-page .shield-leverage-stepper button{width:34px!important;height:27px!important;padding:0!important;display:grid!important;place-items:center!important;color:#92909a!important;font-size:18px!important;line-height:18px!important;font-weight:500!important}
.app-body.shield-page .shield-leverage-stepper button:first-child{justify-self:start!important}
.app-body.shield-page .shield-leverage-stepper button:last-child{justify-self:end!important}
.app-body.shield-page .shield-leverage-stepper output{font-size:12px!important;line-height:17px!important;font-weight:600!important}
.app-body.shield-page .shield-leverage-labels{color:#777580!important;font-family:Arial,"Helvetica Neue",Helvetica,system-ui,sans-serif!important;font-weight:400!important}
.app-body.shield-page .shield-submit{font-family:Arial,"Helvetica Neue",Helvetica,system-ui,sans-serif!important}
.app-body.shield-page .shield-trade-metrics u{color:#92909a!important;font-weight:400!important}
.app-body.shield-page .shield-trade-metrics b{color:#f2f1f3!important;font-family:inherit!important;font-weight:600!important}
.app-body.shield-page .shield-balance-row span{color:#aaa8b1!important}
.app-body.shield-page .shield-fee-options label{color:#e1e0e3!important;font-weight:600!important}

/* Give Shield the same open vertical rhythm as the Trade summary. */
.app-body.shield-page .shield-available{margin:7px 1px 9px!important}
.app-body.shield-page .shield-margin>span{margin-top:1px!important}
.app-body.shield-page .shield-margin-table{margin-bottom:16px!important}
.app-body.shield-page .shield-leverage-title{margin:0 1px 6px!important}
.app-body.shield-page .shield-leverage-range{margin-top:14px!important}
.app-body.shield-page .shield-leverage-labels{margin-top:3px!important;margin-bottom:18px!important}
.app-body.shield-page .shield-submit{margin-bottom:17px!important}
.app-body.shield-page .shield-trade-metrics{margin:0 1px!important}
.app-body.shield-page .shield-trade-metrics p,.app-body.shield-page .shield-liquidation{min-height:22px!important;margin:0!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;column-gap:18px!important}
.app-body.shield-page .shield-trade-metrics u{text-decoration:none!important;text-underline-offset:0!important}
.app-body.shield-page .shield-fee-options{margin:11px 1px 0!important}

/* Restore the inner Margin geometry and extend the whole trade ticket upward. */
.app-body.shield-page .shield-margin{margin:0!important}
.app-body.shield-page .shield-margin>span{height:auto!important;margin:1px 1px 4px!important;padding:0!important;display:block!important}
.app-body.shield-page .shield-margin-table{border-left:1px solid #2c2a34!important;border-right:1px solid #2c2a34!important;border-radius:3px!important}
@media(min-width:1101px){.app-body.shield-page .shield-ticket{position:relative!important;top:-3px!important;height:calc(100% + 3px)!important}}
@media(max-height:820px) and (min-width:1101px){.app-body.shield-page .shield-ticket{padding:5px!important}}
