:root{ --bg:#000;--panel:#0b0b0c;--panel-2:#26262a;--line:#2a2a2f;--fg:#f4f4f5;--muted:#8e8e95;--faint:#5c5c63; --accent:#ffffff;--accent-fg:#000000;--brand:#22d3ee;--up:#21c99a;--down:#f2605c; --up-soft:rgba(33,201,154,.2);--down-soft:rgba(242,96,92,.2); --grid:rgba(255,255,255,.045);--ma1:#f5c542;--ma2:#c77dff;--ma3:#4cc9f0;--warn:#f0b429; --field:#161618;--hover:rgba(255,255,255,.055);--shadow:0 12px 36px rgba(0,0,0,.7); --sans:'Roboto',system-ui,-apple-system,'Segoe UI',Helvetica,Arial,sans-serif; --mono:'Roboto',system-ui,-apple-system,'Segoe UI',Helvetica,Arial,sans-serif; color-scheme:dark; } @media (prefers-color-scheme:light){ :root:not([data-theme="dark"]){ --bg:#e6e9ef;--panel:#ffffff;--panel-2:#ffffff;--line:#c9cfd9;--fg:#05070a;--muted:#4f5766;--faint:#818a9a; --accent:#05070a;--accent-fg:#ffffff;--brand:#0673a0;--up:#009467;--down:#d62f35; --up-soft:rgba(0,148,103,.18);--down-soft:rgba(214,47,53,.17); --grid:rgba(15,23,42,.1);--ma1:#c78a00;--ma2:#8a35d6;--ma3:#1478c0;--warn:#a86a00; --field:#e9ecf2;--hover:rgba(15,23,42,.07);--shadow:0 12px 32px rgba(20,25,34,.22); color-scheme:light; } } :root[data-theme="light"]{ --bg:#e6e9ef;--panel:#ffffff;--panel-2:#ffffff;--line:#c9cfd9;--fg:#05070a;--muted:#4f5766;--faint:#818a9a; --accent:#05070a;--accent-fg:#ffffff;--brand:#0673a0;--up:#009467;--down:#d62f35; --up-soft:rgba(0,148,103,.18);--down-soft:rgba(214,47,53,.17); --grid:rgba(15,23,42,.1);--ma1:#c78a00;--ma2:#8a35d6;--ma3:#1478c0;--warn:#a86a00; --field:#e9ecf2;--hover:rgba(15,23,42,.07);--shadow:0 12px 32px rgba(20,25,34,.22); color-scheme:light; } *,*::before,*::after{box-sizing:border-box} [hidden]{display:none!important} body{background:var(--bg);color:var(--fg);font:13px/1.4 var(--sans); padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:0} button,input,select{font:inherit;color:inherit} button{cursor:pointer} :focus-visible{outline:2px solid var(--accent);outline-offset:1px} .up{color:var(--up)}.down{color:var(--down)} .mono,.num{font-family:var(--mono);font-variant-numeric:tabular-nums} h1,h3{margin:0} .app{max-width:1880px;margin:0 auto;padding-bottom:8px} .top{display:flex;align-items:center;gap:22px;height:50px} .brand{display:flex;align-items:center;gap:9px;font-weight:600;font-size:17px;letter-spacing:-.01em;white-space:nowrap} .brand b{font-weight:600;color:var(--accent)} .mark{width:20px;height:20px;border-radius:5px;background:var(--accent);position:relative;display:inline-block} .mark::after{content:"";position:absolute;left:5px;top:5px;width:10px;height:10px;border:2px solid var(--accent-fg);border-left-color:transparent;border-radius:50%;transform:rotate(-30deg)} .nav{display:flex;gap:4px;flex:1;min-width:0;overflow-x:auto} .nav a,.nav span{padding:6px 10px;color:var(--muted);text-decoration:none;font-weight:500;white-space:nowrap;border-radius:4px} .nav a.on{color:var(--fg)} .nav span{opacity:.55;cursor:default} .nav small{font-size:10px;margin-left:4px;color:var(--faint)} .sim{font-size:11px;color:var(--warn);border:1px solid currentColor;border-radius:3px;padding:2px 6px;white-space:nowrap} .ibtn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:0;background:none;color:var(--muted);border-radius:4px} .ibtn:hover{background:var(--hover);color:var(--fg)} .ibtn svg{width:17px;height:17px} .news{display:flex;align-items:center;gap:12px;height:34px;background:var(--panel);border-radius:4px;margin-bottom:6px;overflow:hidden;padding-left:12px} .news-label{flex:none;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--accent)} .news-track{flex:1;min-width:0;overflow:hidden;white-space:nowrap} .news-run{display:inline-flex;animation:run 70s linear infinite} .news-track:hover .news-run{animation-play-state:paused} @keyframes run{to{transform:translateX(-50%)}} .ni{display:inline-flex;align-items:center;gap:8px;background:none;border:0;color:var(--fg);padding:0 22px 0 0;height:34px;white-space:nowrap} .ni:hover span{text-decoration:underline} .tag{font-style:normal;font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:1px 5px;border:1px solid currentColor;border-radius:3px} .t-Global{color:var(--brand)}.t-Listing{color:var(--up)}.t-Maintenance{color:var(--warn)}.t-Update{color:var(--accent)}.t-Delisting{color:var(--down)} @media (prefers-reduced-motion:reduce){.news-run{animation:none}.news-track{overflow-x:auto}} .terminal{display:grid;gap:6px;grid-template-columns:minmax(0,1fr); grid-template-areas:"head" "chart" "book" "form"} .head{grid-area:head}.chart{grid-area:chart}.book{grid-area:book}.form{grid-area:form}.orders{grid-area:orders} .panel{background:var(--panel);border-radius:4px;min-width:0;display:flex;flex-direction:column;overflow:hidden} .chart{height:520px}.book{height:600px}.orders{min-height:260px} @media (min-width:760px) and (max-width:1199px){ .terminal{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"head head" "chart chart" "book form"} } @media (min-width:1200px){ .terminal{grid-template-columns:minmax(0,1fr) 280px 310px;grid-template-rows:auto minmax(600px,auto); grid-template-areas:"head head head" "chart book form"} .chart,.book{height:auto} } .head{flex-direction:row;align-items:center;gap:26px;padding:10px 16px;overflow-x:auto;position:relative} .hp{display:flex;align-items:center;gap:10px;flex:none} .hp h1{font-size:18px;font-weight:600;line-height:1.1} .hp small{color:var(--muted)} .hprice{flex:none;display:flex;flex-direction:column} .hprice b{font:600 22px/1.1 var(--mono)} .hprice small{color:var(--muted);font:12px var(--mono)} .stat{flex:none;display:flex;flex-direction:column;gap:2px} .stat span{color:var(--muted);font-size:11px} .stat b{font:500 13px var(--mono)} .hact{margin-left:auto;flex:none;position:relative} .btn{border:1px solid var(--line);background:var(--panel-2);border-radius:4px;height:30px;padding:0 12px;color:var(--fg);font-weight:500} .btn:hover{border-color:var(--faint)} .btn.pri{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)} .cg{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;color:#fff;font:600 11px var(--sans);flex:none} .cg.sm{width:20px;height:20px;font-size:9px} .cn{display:inline-flex;align-items:center;gap:8px;vertical-align:middle} .cg.ic{background-size:cover;background-position:center;background-repeat:no-repeat;background-color:transparent} .star{background:none;border:0;color:var(--faint);padding:2px;display:inline-flex;border-radius:4px} .star svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round} .star[aria-pressed="true"],.star.on{color:var(--warn)} .star[aria-pressed="true"] svg,.star.on svg{fill:currentColor} .star.sm svg{width:15px;height:15px} .pop{position:fixed;top:0;left:0;z-index:40;width:290px;background:var(--panel-2);border:1px solid var(--line);border-radius:6px;box-shadow:var(--shadow);padding:12px;display:flex;flex-direction:column;gap:10px} .pop h4{margin:0;font-size:13px} .pop ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;font:12px var(--mono)} .pop li{display:flex;justify-content:space-between;align-items:center} .pop li button{background:none;border:0;color:var(--muted)} .pop .row2{display:flex;gap:8px} .tabs{display:flex;gap:20px;padding:0 14px;height:40px;align-items:stretch;border-bottom:1px solid var(--line);overflow-x:auto;flex:none} .tabs>button{background:none;border:0;color:var(--muted);font-weight:500;padding:0;border-bottom:2px solid transparent;white-space:nowrap} .tabs>button:hover{color:var(--fg)} .tabs>button[aria-selected="true"]{color:var(--fg);border-bottom-color:var(--accent)} .tabs .cnt{color:var(--faint);font:11px var(--mono);margin-left:3px} .tabs .right{margin-left:auto;align-self:center} .ctool{display:flex;align-items:center;gap:2px;padding:6px 10px;flex:none;overflow-x:auto} .ctool button{background:none;border:0;color:var(--muted);height:26px;padding:0 9px;border-radius:4px;font:500 12px var(--sans)} .ctool button:hover{background:var(--hover);color:var(--fg)} .ctool button[aria-pressed="true"]{color:var(--accent);background:var(--hover)} .ctool .sp{flex:1;min-width:8px} .ohlc{padding:0 14px 4px;font:12px var(--mono);color:var(--muted);flex:none;white-space:nowrap;overflow-x:auto} .ohlc b{color:var(--fg);font-weight:600} .ohlc em{font-style:normal;margin:0 3px 0 10px;color:var(--faint)} .cbody{position:relative;flex:1;min-height:300px} .sim{cursor:pointer;background:none;font:inherit;font-size:11px} .sim.live{color:var(--up)}.sim.live::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;margin-right:5px;vertical-align:1px;animation:livep 1.6s infinite} @keyframes livep{50%{opacity:.25}} .tvv{display:flex;flex-direction:column} .tvbar{flex:none;display:flex;align-items:center;gap:10px;padding:6px 10px;border-bottom:1px solid var(--line);font-size:11.5px;color:var(--muted)} .tvbar span{color:var(--fg);font-weight:700}.tvbar em{font-style:normal;flex:1} .tvbar button{border:1px solid var(--line);background:none;color:var(--fg);border-radius:6px;padding:3px 9px;font-size:11.5px;cursor:pointer} .tvv iframe{flex:1;min-height:0;width:100%;border:0;display:block;background:var(--panel)} .cview{position:absolute;inset:0} .cview canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:pan-y} .cview.scroll{overflow:auto;padding:16px} .ax{position:absolute;touch-action:none;z-index:2;user-select:none;-webkit-user-select:none} .ax:hover,.ax.on{background:var(--hover)} .axp{cursor:ns-resize}.axt{cursor:ew-resize} .axa{position:absolute;z-index:3;right:0;bottom:0;border:0;background:none;color:var(--faint);font:600 10px var(--mono);cursor:pointer;padding:0} .axa[aria-pressed="true"]{color:var(--accent)} .axa:hover{color:var(--fg)} .info p{max-width:62ch;color:var(--muted);margin:8px 0 14px} .info h3{font-size:16px} .info h3 small{color:var(--muted);font-weight:400;margin-left:6px} .kvl{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px 24px;margin:0 0 14px} .kvl div{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);padding:6px 0} .kvl dt{color:var(--muted)}.kvl dd{margin:0;font-family:var(--mono)} .chips{display:flex;flex-wrap:wrap;gap:6px} .chips button{background:var(--field);border:0;border-radius:4px;padding:4px 9px;font:12px var(--mono)} .chips button:hover{background:var(--hover)} .note{color:var(--faint);font-size:12px} .bar{height:8px;border-radius:4px;background:var(--down-soft);overflow:hidden;margin:6px 0} .bar i{display:block;height:100%;background:var(--up)} .bv{display:flex;flex-direction:column;flex:1;min-height:0} .btool{display:flex;align-items:center;justify-content:space-between;padding:8px 12px 4px;flex:none} .modes{display:flex;gap:4px} .modes button{width:26px;height:22px;border:0;background:none;border-radius:3px;display:inline-flex;align-items:center;justify-content:center} .modes button[aria-pressed="true"]{background:var(--hover)} .mi{width:14px;height:14px;display:block;position:relative} .mi::before,.mi::after{content:"";position:absolute;left:0;width:100%;height:6px;border-radius:1px} .mi::before{top:0;background:var(--down)}.mi::after{bottom:0;background:var(--up)} .mi.asks::after{background:var(--faint)}.mi.bids::before{background:var(--faint)} select{background:var(--field);border:0;border-radius:4px;height:24px;padding:0 6px;font:12px var(--mono);color:var(--fg)} .bhead,.row{display:grid;grid-template-columns:1.1fr 1fr 1fr;column-gap:10px} .bhead{padding:4px 12px;color:var(--muted);font-size:11px;flex:none} .bhead span:nth-child(n+2),.row span:nth-child(n+2){text-align:right} .brows{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column} .row{position:relative;width:100%;height:20px;align-items:center;padding:0 12px;border:0;background:none;text-align:left;font:12px var(--mono);flex:none} .row:hover{background:var(--hover)} .row .md{position:absolute;left:4px;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:#2f7bff;box-shadow:0 0 0 2px rgba(47,123,255,.32);pointer-events:none;animation:mdp 1.8s ease-in-out infinite} @keyframes mdp{50%{box-shadow:0 0 0 4px rgba(47,123,255,.12)}} .row i{position:absolute;right:0;top:1px;bottom:1px;width:calc(100%*var(--w,0));z-index:-2;pointer-events:none} .row span:last-child i{right:-12px;width:calc((100% + 12px)*var(--w,0))} .row.ask i{background:var(--down-soft)}.row.bid i{background:var(--up-soft)} .row span{position:relative;isolation:isolate} .row.ask span:first-of-type{color:var(--down)}.row.bid span:first-of-type{color:var(--up)} .mid{display:flex;align-items:baseline;gap:12px;padding:6px 12px;border-block:1px solid var(--line);flex:none;flex-wrap:wrap} .mid b{font:600 18px var(--mono);display:inline-flex;align-items:center;gap:4px} .mid b svg{width:12px;height:12px} .mid span{color:var(--muted);font:12px var(--mono)} .mid em{margin-left:auto;font:11px var(--mono);color:var(--faint);font-style:normal} .trow{display:grid;grid-template-columns:1fr 1fr 1fr;padding:0 12px;height:21px;align-items:center;font:12px var(--mono)} .trow span:nth-child(n+2){text-align:right} .trow span:first-child{color:var(--muted)} .tlist{flex:1;overflow:auto} .row span.fu,.row span.fd{isolation:isolate} .row span.fu::before,.row span.fd::before{content:"";position:absolute;inset:1px 0;z-index:-1;opacity:0;animation:flash .9s linear var(--fd,0ms) 1} .row span.fu::before{background:var(--up)}.row span.fd::before{background:var(--down)} @keyframes flash{from{opacity:.5}to{opacity:0}} @media (prefers-reduced-motion:reduce){.row span.fu::before,.row span.fd::before{animation:none}} .sides{display:grid;grid-template-columns:1fr 1fr;margin:12px 12px 0;background:var(--field);border-radius:4px;padding:2px;flex:none} .sides button{border:0;background:none;height:32px;border-radius:3px;font-weight:600;color:var(--muted)} .sides button[aria-pressed="true"].b{background:var(--up);color:#fff} .sides button[aria-pressed="true"].s{background:var(--down);color:#fff} .form .tabs{margin-top:8px;border-bottom:0} .form form{padding:0 12px;display:flex;flex-direction:column;gap:10px} .fld label{display:block;color:var(--muted);font-size:12px;margin-bottom:4px} .inp{display:flex;align-items:center;gap:8px;background:var(--field);border:1px solid transparent;border-radius:4px;height:38px;padding:0 10px} .inp:focus-within{border-color:var(--accent)} .inp input{flex:1;min-width:0;background:none;border:0;outline:none;font:500 14px var(--mono);height:100%} .inp input:disabled{color:var(--faint)} .inp em{font-style:normal;color:var(--muted);font-size:12px} .inp button{border:0;background:var(--panel-2);border-radius:3px;height:24px;padding:0 8px;font-size:11px;font-weight:600;color:var(--muted)} .inp button:hover{color:var(--fg)} .pcts{display:flex;flex-direction:column;gap:6px} .pcts input[type=range]{width:100%;accent-color:var(--accent);margin:0} .pcts div{display:flex;justify-content:space-between} .pcts button{background:none;border:0;color:var(--muted);font:11px var(--mono);padding:2px 4px} .pcts button:hover{color:var(--fg)} .kv{display:flex;flex-direction:column;gap:4px;margin:0} .kv div{display:flex;justify-content:space-between;gap:8px} .kv dt{color:var(--muted)}.kv dd{margin:0;font:12px var(--mono);text-align:right} .chk{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px} .chk input{accent-color:var(--accent);margin:0} .submit{height:42px;border:0;border-radius:4px;color:#fff;font-weight:600;font-size:14px} .submit.buy{background:var(--up)}.submit.sell{background:var(--down)} .submit:hover{filter:brightness(1.08)} .fees{padding:10px 12px 0;color:var(--muted);font:12px var(--mono)} .lim{margin:8px 12px 12px;border-top:1px solid var(--line);padding-top:8px} .lim summary{cursor:pointer;color:var(--muted);font-size:12px} .lim dl{margin:8px 0 0;display:flex;flex-direction:column;gap:3px} .lim dl div{display:flex;justify-content:space-between;font:12px var(--mono)} .lim dt{color:var(--muted);font-family:var(--sans)}.lim dd{margin:0} .twrap{overflow:auto;flex:1;min-height:0} table{border-collapse:collapse;width:100%;min-width:660px;font:12px var(--mono)} th{position:sticky;top:0;background:var(--panel);text-align:left;color:var(--muted);font:500 11px var(--sans);padding:8px 12px;white-space:nowrap} td{padding:7px 12px;white-space:nowrap;border-top:1px solid var(--line)} td.r,th.r{text-align:right} .empty{color:var(--faint);padding:26px 14px;text-align:center} .lnk{background:none;border:0;color:var(--accent);padding:0} .mv{display:flex;flex-direction:column;flex:1;min-height:0} .mtool{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;padding:10px 12px 6px;flex:none} .seg{display:flex;background:var(--field);border-radius:4px;padding:2px} .seg button{border:0;background:none;color:var(--muted);height:24px;padding:0 10px;border-radius:3px;font:500 12px var(--sans)} .seg button[aria-pressed="true"]{background:var(--panel-2);color:var(--fg)} .search{flex:1;min-width:120px;background:var(--field);border:1px solid transparent;border-radius:4px;height:28px;padding:0 10px;outline:none} .search:focus{border-color:var(--accent)} .mh,.mr{display:grid;grid-template-columns:22px minmax(70px,1fr) 100px 64px;align-items:center;padding:0 12px;gap:6px} .c4,.c6{display:none} @container sp (min-width:420px){.mh,.mr{grid-template-columns:22px minmax(70px,1fr) 100px 78px 64px}.c4{display:block}} @container sp (min-width:540px){.mh,.mr{grid-template-columns:22px minmax(70px,1fr) 100px 78px 64px 72px}.c6{display:block}} .mh{height:28px;color:var(--muted);font-size:11px;flex:none} .mh button{background:none;border:0;color:inherit;text-align:left;padding:0;font-size:11px} .mh button:hover{color:var(--fg)} .mh button:nth-child(n+3),.mr>span:nth-child(n+3){text-align:right} .mr{height:32px;font:12px var(--mono);cursor:pointer} .mr:hover{background:var(--hover)}.mr.cur{background:var(--hover);box-shadow:inset 2px 0 0 var(--accent)} .mr .pn{font-family:var(--sans);display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden;white-space:nowrap;color:var(--muted)}.mr .pn b{font-weight:600;color:var(--fg)} .mlist{flex:1;overflow:auto;min-height:0} .chat-head{display:flex;justify-content:space-between;padding:8px 14px;color:var(--muted);font-size:12px;border-bottom:1px solid var(--line);flex:none} .chat-list{flex:1;overflow:auto;padding:8px 14px;display:flex;flex-direction:column;gap:6px;min-height:0} .msg{display:flex;gap:8px;align-items:baseline} .msg b{font-weight:600;color:var(--accent);flex:none} .msg.me b{color:var(--up)} .msg time{color:var(--faint);font:11px var(--mono);flex:none} .msg p{margin:0;overflow-wrap:anywhere} .chat-form{display:flex;gap:8px;padding:8px 12px;border-top:1px solid var(--line);flex:none} .chat-form input{flex:1;min-width:0;background:var(--field);border:1px solid transparent;border-radius:4px;height:32px;padding:0 10px;outline:none} .chat-form input:focus{border-color:var(--accent)} .news-list{flex:1;overflow:auto;list-style:none;margin:0;padding:0} .news-list li{display:flex;gap:10px;align-items:center;padding:10px 14px;border-bottom:1px solid var(--line)} .news-list time{margin-left:auto;color:var(--faint);font:11px var(--mono);white-space:nowrap} .news-list p{margin:0} .layout{display:grid;gap:6px;grid-template-columns:minmax(0,1fr)} .side{display:flex;flex-direction:column;gap:6px;min-width:0} .rail{order:-1;display:flex;gap:4px;background:var(--panel);border-radius:4px;padding:4px;overflow-x:auto} .rail button{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 10px;border:0;background:none;color:var(--muted);border-radius:4px;font-weight:500;flex:none} .rail button:hover{background:var(--hover);color:var(--fg)} .rail button[aria-pressed="true"]{color:var(--accent);background:var(--hover)} .rail svg{width:19px;height:19px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round} .rl{font-size:12px} .side-panel{position:relative;background:var(--panel);border-radius:4px;height:560px;display:flex;flex-direction:column;overflow:hidden;min-width:0;container-name:sp;container-type:inline-size} .side.closed .side-panel{display:none} .vsplit{display:none} .sp{flex:1;min-height:0;display:flex;flex-direction:column} .wh{display:flex;align-items:center;justify-content:space-between;padding:0 14px;height:40px;flex:none;border-bottom:1px solid var(--line)} .wh b{font-weight:600} .wl{flex:0 0 var(--wl-h,300px);min-height:0;display:flex;flex-direction:column;overflow:hidden} .hsplit{flex:none;height:9px;cursor:row-resize;touch-action:none;position:relative;background:var(--bg)} .hsplit::after,.vsplit::after{content:"";position:absolute;background:var(--faint);opacity:0;border-radius:2px;transition:opacity .15s} .hsplit::after{left:50%;top:3px;width:36px;height:3px;transform:translateX(-50%)} .hsplit:hover::after,.hsplit:focus-visible::after,.hsplit.drag::after{opacity:.85} .det{flex:1;min-height:0;overflow:auto;padding:12px 14px;display:flex;flex-direction:column;gap:12px} .det h4{margin:0;font-size:13px} .dh{display:flex;align-items:center;gap:10px} .dh b{font-size:15px}.dh small{color:var(--muted)} .dp{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap} .dp b{font:600 24px var(--mono)} .dp span{font:500 13px var(--mono)} .dn{background:var(--panel-2);border-radius:6px;padding:10px 12px;display:flex;flex-direction:column;gap:4px} .dn small{color:var(--muted)}.dn p{margin:0} .dn h5{margin:0 0 2px;font-size:12px;color:var(--muted);font-weight:600} .cn-d{padding:6px 0;border-top:1px solid var(--line)}.cn-d:first-of-type{border-top:0} .cn-d p{font-size:12px;line-height:1.45}.cn-d small{font-size:11px;color:var(--faint)} .cn-h h4{margin:10px 0 2px;font-size:12px;color:var(--muted);font-weight:600} .cn-i{list-style:none;padding:8px 0;border-bottom:1px solid var(--line)}.cn-i p{margin:0 0 2px}.cn-i small{color:var(--faint);font-size:11px} .dn button{align-self:flex-start;background:none;border:0;color:var(--accent);padding:0} .perf{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px} .perf div{border-radius:4px;padding:7px 4px;text-align:center;font:600 12px var(--mono);display:flex;flex-direction:column;gap:2px} .perf small{font:500 10px var(--sans);color:var(--muted)} .perf .up{background:var(--up-soft)}.perf .down{background:var(--down-soft)} @media (min-width:1200px){ .layout{grid-template-columns:minmax(0,1fr) auto;align-items:start} .side{flex-direction:row;position:sticky;top:6px;height:calc(100vh - 72px);height:calc(100dvh - 72px);min-height:560px} .rail{order:0;flex-direction:column;width:44px;overflow:visible;align-self:stretch} .rail button{width:36px;padding:0;justify-content:center} .rl{display:none} .side-panel{height:auto;width:var(--side-w,340px)} .vsplit{display:block;position:absolute;left:0;top:0;bottom:0;width:8px;cursor:col-resize;z-index:5;touch-action:none} .vsplit::after{left:2px;top:50%;width:3px;height:36px;transform:translateY(-50%)} .vsplit:hover::after,.vsplit:focus-visible::after,.vsplit.drag::after{opacity:.85} } .mtabs{display:flex;gap:20px;padding:12px 14px 0;flex:none} .mtabs button{background:none;border:0;padding:0;font:600 15px var(--sans);color:var(--muted)} .mtabs button:hover{color:var(--fg)} .mtabs button[aria-selected="true"]{color:var(--fg)} .app[data-mode="fut"] #qSw [data-q="BTC"]{display:none} .app[data-mode="spot"] .fx-only,.app[data-mode="fut"] .sp-only{display:none!important} .app[data-mode="fut"] .head{gap:15px} .seg,.sides{position:relative} .seg>button,.sides>button{position:relative;z-index:1} .thumb{position:absolute;left:0;top:0;width:0;height:0;z-index:0;pointer-events:none;border-radius:inherit;background:var(--panel-2);box-shadow:0 1px 4px rgba(0,0,0,.25);opacity:0} .seg .thumb{border-radius:6px}.sides .thumb{border-radius:8px} .thumb.rdy{opacity:1;transition:transform .32s cubic-bezier(.34,1.2,.5,1),width .32s cubic-bezier(.34,1.2,.5,1),height .2s,background-color .28s,box-shadow .28s} .sides .thumb.b{background:var(--up);box-shadow:0 6px 16px -8px var(--up)} .sides .thumb.s{background:var(--down);box-shadow:0 6px 16px -8px var(--down)} .hasth>button[aria-pressed="true"]{background:transparent!important;box-shadow:none!important} @media (prefers-reduced-motion:reduce){.thumb.rdy{transition:none}} @media (max-width:1799px){.hide-m{display:none}} @media (max-width:1699px){.hide-l{display:none}} .xtop{display:flex;flex-direction:column;gap:8px;padding:12px 12px 0;flex:none} .xtop .seg{width:100%}.xtop .seg button{flex:1} .xlevrow{display:flex;gap:8px;align-items:center} .xlevrow .seg{width:auto;flex:none} .xlev{display:flex;align-items:center;gap:6px;background:var(--field);border:1px solid transparent;border-radius:4px;height:30px;padding:0 10px;flex:1;min-width:0} .xlev:focus-within{border-color:var(--accent)} .xlev input{flex:1;min-width:0;width:100%;background:none;border:0;outline:none;font:500 13px var(--mono);text-align:right} .xlev em{font-style:normal;color:var(--muted);font-size:12px} .chips.lev{gap:4px;flex-wrap:nowrap}.chips.lev button{flex:1;padding:4px 0;text-align:center} .chips button[aria-pressed="true"]{background:var(--accent);color:var(--accent-fg)} .xopts{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center} .xtp{display:none;grid-template-columns:1fr 1fr;gap:8px}.xtp.on{display:grid} .bdg{display:inline-block;font:600 10px var(--sans);padding:1px 5px;border-radius:3px;margin-left:6px} .bdg.long{background:var(--up-soft);color:var(--up)}.bdg.short{background:var(--down-soft);color:var(--down)} .sub{display:block;color:var(--muted);font:11px var(--mono)} .acts{display:flex;align-items:center;gap:14px} .acts .lnk{white-space:nowrap} .pop .seg{width:100%}.pop .seg button{flex:1} .pop .fld label{display:block;color:var(--muted);font-size:12px;margin-bottom:4px} .pop .inp button{flex:none} .status{display:flex;align-items:center;gap:18px;height:34px;margin-top:6px;background:var(--panel);border-radius:4px;padding:0 12px;overflow-x:auto;white-space:nowrap} .status .lbl{color:var(--accent);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.06em;flex:none} .sc{background:none;border:0;display:inline-flex;gap:6px;font:12px var(--mono);padding:0;flex:none} .sc b{font-family:var(--sans);font-weight:500} .toasts{position:fixed;left:0;right:0;bottom:0;padding:0 16px calc(24px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;z-index:50} .toast{background:var(--panel-2);border:1px solid var(--line);border-left:3px solid var(--accent);box-shadow:var(--shadow);border-radius:4px;padding:10px 14px;max-width:min(440px,100%)} .toast.ok{border-left-color:var(--up)}.toast.err{border-left-color:var(--down)} @media (max-width:759px){ .nav,.sim{display:none}.top{justify-content:space-between} .head{gap:20px}.hact{margin-left:0} } *{scrollbar-width:thin;scrollbar-color:var(--line) transparent} body{margin:0;padding:0} .app{max-width:none;padding-bottom:0} .top{height:56px;padding:0 16px;gap:26px} .brand{font-size:19px;font-weight:700} .brand b{color:var(--brand);font-weight:700} .mark{background:linear-gradient(135deg,var(--brand),var(--up));border-radius:6px} .mark::after{border-color:#000;border-left-color:transparent} .nav{gap:2px} .nav a,.nav span,.nav button{padding:7px 12px;color:var(--fg);font:500 14px var(--sans);border-radius:8px;background:none;border:0;opacity:1} .nav button{cursor:pointer;color:var(--muted)} .nav button:hover{background:var(--hover);color:var(--fg)} .nav button.on{color:var(--fg);font-weight:700} .nav span{color:var(--faint)} .sim{border-radius:6px;border-color:var(--line);color:var(--muted)} .ibtn{border-radius:8px} .news{border-radius:0;margin:0;height:38px;background:var(--panel);border-block:1px solid var(--line);padding-left:16px} .news-label{color:var(--brand)} .ni{height:38px;font-size:13px} .tag{border:0;border-radius:4px;padding:2px 7px;background:var(--hover);font-weight:700} .t-Global{background:rgba(34,211,238,.16);color:var(--brand)}.t-Listing{background:var(--up-soft)}.t-Maintenance{background:rgba(240,180,41,.16)}.t-Update{background:rgba(34,211,238,.16);color:var(--brand)}.t-Delisting{background:var(--down-soft)} .layout{gap:0} .terminal{gap:1px;background:var(--line)} .panel,.rail,.side-panel{border-radius:0} .side{gap:1px;background:var(--line);border-top:1px solid var(--line)} .rail{padding:6px} .rail button{border-radius:8px} .rail button[aria-pressed="true"]{color:var(--fg)} @media (min-width:1200px){ .terminal{grid-template-columns:minmax(0,1fr) 324px 310px;grid-template-rows:auto 1fr;grid-template-areas:"head head form" "chart book form"} .layout{align-items:stretch} .side{position:static;height:auto;min-height:max(640px,calc(100vh - 160px));min-height:max(640px,calc(100dvh - 160px));border-top:0;border-left:1px solid var(--line)} .side-panel{contain:size;align-self:stretch} } .orders{border-top:1px solid var(--line);min-height:260px} .status{margin-top:0;border-radius:0;border-top:1px solid var(--line);height:36px;padding:0 16px} .status .lbl{color:var(--brand)} .head{padding:0 16px;min-height:68px;gap:28px} .hp h1{font-size:18px;font-weight:700} .hprice b{font:700 22px/1.15 var(--mono)} .stat{gap:3px} .stat span{font-size:12px;border-bottom:1px dotted var(--faint);align-self:flex-start;line-height:1.35} .stat b{font:500 13px var(--mono)} .btn{border:0;background:var(--field);border-radius:8px;height:32px;padding:0 14px} .btn:hover{background:var(--panel-2)} .pop{border-radius:12px} .tabs,.mtabs{gap:24px;padding:0 16px} .tabs{height:46px;border-bottom:0} .tabs>button{position:relative;font-size:14px;border-bottom:0} .tabs>button[aria-selected="true"]{font-weight:700} .tabs>button[aria-selected="true"]::after{content:"";position:absolute;left:0;bottom:5px;width:18px;height:3px;border-radius:2px;background:var(--fg)} .form .tabs{height:40px;margin-top:6px} .form .tabs>button{font-size:13px} .form .tabs>button[aria-selected="true"]::after{bottom:3px;width:14px;height:2px} .mtabs{padding-top:12px;gap:22px} .mtabs button{position:relative;font:700 16px var(--sans);padding-bottom:10px} .mtabs button[aria-selected="true"]::after{content:"";position:absolute;left:0;bottom:0;width:18px;height:3px;border-radius:2px;background:var(--fg)} .ctool{padding:0 12px 6px} .ctool button{height:28px;border-radius:6px} .axa[aria-pressed="true"]{color:var(--brand)} .ohlc{padding:0 16px 4px} .btool{padding:10px 16px 6px} .bhead{padding:6px 16px;font-size:11.5px;white-space:nowrap} .brows{contain:size} .brows[data-m="both"] .mid{margin-block:auto} .mid{flex-wrap:nowrap;padding:8px 16px;gap:8px;align-items:baseline} .mid b{font-size:20px} .mid span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11.5px} .mid em{display:inline;margin-left:0;flex:none;font-size:11px;white-space:nowrap} .bsr{display:flex;align-items:center;gap:8px;padding:8px 16px;border-top:1px solid var(--line);flex:none;font-size:12px} .bsr b{font-weight:500} .bsbar{flex:1;display:flex;gap:2px;height:4px;min-width:0} .bsbar i{display:block;min-width:2px;transition:flex-grow .4s} .bsbar i:first-child{background:var(--up);border-radius:2px 0 0 2px}.bsbar i:last-child{background:var(--down);border-radius:0 2px 2px 0} .dc{padding:2px}.dc button{height:22px;padding:0 8px;font-size:11px} .btool{gap:8px}.btool .modes{margin-right:auto} .row{height:var(--rh,22px);padding:0 16px;font:12.5px var(--mono)} .row span:last-child i{right:-16px;width:calc((100% + 16px)*var(--w,0))} .mid{padding:10px 16px;border-block:0;gap:10px} .mid b{font:700 20px var(--mono)} .mid span{font-size:12px} .trow{padding:0 16px;height:22px;font:12.5px var(--mono)} select{border-radius:6px;height:26px} .sides{margin:12px 16px 0;border-radius:8px;padding:0;height:40px} .sides button{height:40px;border-radius:8px;font-size:14px;font-weight:700} .form form{padding:0 16px;gap:12px} .xtop{padding:12px 16px 0;gap:10px} .fld label{margin-bottom:6px} .inp{height:46px;border-radius:8px;padding:0 14px} .inp input{font:500 15px var(--mono)} .inp button{height:26px;border-radius:6px;padding:0 10px;background:var(--panel-2)} .submit{height:46px;border-radius:8px;font-size:15px;font-weight:700} .fees{padding:12px 16px 0} .lim{margin:10px 16px 14px} .pcts input[type=range]{-webkit-appearance:none;appearance:none;height:18px;background:none} .pcts input[type=range]::-webkit-slider-runnable-track{height:2px;border-radius:2px;background:rgba(128,128,138,.4)} .pcts input[type=range]::-moz-range-track{height:2px;border-radius:2px;background:rgba(128,128,138,.4)} .pcts input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;margin-top:-6px;border-radius:50%;background:var(--fg);border:0} .pcts input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--fg);border:0} .seg{border-radius:8px;padding:3px} .seg button{height:30px;border-radius:6px;padding:0 12px} .seg button[aria-pressed="true"]{font-weight:700} .xtop .seg button{height:32px} .xlev{border-radius:8px;height:38px} .chips button{border-radius:6px;padding:6px 9px;font:500 12px var(--mono)} .chips button[aria-pressed="true"]{background:var(--up-soft);color:var(--up)} .chk input{accent-color:var(--fg)} th{font-size:12px;padding:10px 16px} td{padding:9px 16px} .mtool{padding:12px 16px 8px} .search,.chat-form input{border-radius:8px} .search{height:32px} .mh,.mr{padding:0 16px} .mr.cur{box-shadow:inset 2px 0 0 var(--brand)} .wh{padding:0 16px} .lnk,.dn button,.msg b{color:var(--brand)} .msg.me b{color:var(--up)} .dn{border-radius:10px} .toast{border-left-color:var(--brand);border-radius:10px} .toast.ok{border-left-color:var(--up)}.toast.err{border-left-color:var(--down)} @media (max-width:759px){.top{padding:0 12px}.head{gap:20px}} .bell{display:inline-flex;align-items:center;gap:6px;padding:0 10px} .hact{position:sticky;right:0;background:var(--panel);padding-left:16px;box-shadow:-12px 0 12px -4px var(--panel)} .tabs{height:46px} .ctool,.btool{height:40px;padding-top:0;padding-bottom:0} .ohlc{height:30px;line-height:30px;padding:0 16px} .bhead{height:30px;padding-top:0;padding-bottom:0;align-items:center} .bsr{height:28px;padding-top:0;padding-bottom:0} .prow{display:flex;gap:8px;align-items:stretch} .prow .inp{flex:1;min-width:0} .bbob{flex:none;border:1px solid var(--line);background:var(--panel-2);color:var(--fg);border-radius:8px;padding:0 14px;font-weight:700;font-size:12px;cursor:pointer;letter-spacing:.02em} .bbob:hover{border-color:var(--muted)} .bbob[aria-pressed="true"]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)} .inp .bsel{display:none;flex:1;min-width:0;align-items:center;justify-content:space-between;gap:6px;height:100%;padding:0;margin:0;border:0;background:none;color:var(--fg);font:600 13px var(--sans,inherit);text-align:left;cursor:pointer;border-radius:0} .inp .bsel i{font-style:normal;color:var(--fg);font-size:12px} .fld.bbo-on .bsel{display:flex} .fld.bbo-on .inp input,.fld.bbo-on .inp em.qs{display:none} .bm-back{position:fixed;inset:0;z-index:80;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;padding:16px} .bm-back[hidden]{display:none} .bm{width:min(440px,100%);max-height:calc(100vh - 32px);overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px} .bm-h{display:flex;justify-content:space-between;align-items:center} .bm-h h3{margin:0;font-size:18px;font-weight:700} .bm-x{border:0;background:none;color:var(--muted);font-size:26px;line-height:1;cursor:pointer;padding:0 4px} .bm-o{display:flex;flex-direction:column;gap:6px;text-align:left;width:100%;padding:14px 16px;border:1px solid var(--line);border-radius:10px;background:none;color:var(--fg);cursor:pointer} .bm-o b{font-size:15px;font-weight:700} .bm-o span{font-size:13px;color:var(--muted);line-height:1.4} .bm-o[aria-pressed="true"]{border-color:var(--accent)} .bm-opts{display:flex;flex-direction:column;gap:10px} .bm-n{margin:0;font-size:12.5px;color:var(--muted);line-height:1.5} .bm-ok{height:44px;border:0;border-radius:999px;background:var(--accent);color:var(--accent-fg);font-weight:700;font-size:14px;cursor:pointer} .qsw{margin-left:10px;flex:none} .qsw button{height:26px;padding:0 10px;font-size:12px;font-weight:600} .cats{flex:1 1 100%;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:6px 3px} .cats::-webkit-scrollbar{display:none} .cats button{flex:none;display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:none;color:var(--muted);font:500 12px var(--sans);white-space:nowrap;cursor:pointer} .cats button svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none} .cats button:hover{color:var(--fg);border-color:var(--muted)} .cats button[aria-pressed="true"]{color:var(--brand);border-color:var(--brand);background:rgba(34,211,238,.1)} .mtool .search{flex:1 1 100%} .mh button::after{content:"\21C5";margin-left:4px;font-size:10px;opacity:.45} .mh button.on::after{opacity:1;color:var(--fg)} .mh button.on[data-d="1"]::after{content:"\2191"} .mh button.on[data-d="-1"]::after{content:"\2193"} .mr .pn small{font-size:10.5px;color:var(--faint);font-weight:400} #dcur{display:none!important} .mark{width:21px;height:26px;border-radius:0!important;background:none!important;fill:var(--accent);flex:none;display:block} .mark::after{display:none!important} #sp-chat .chat-list{flex:none;height:clamp(260px,46vh,480px);overflow-y:auto;overscroll-behavior:contain} :root{--ease:cubic-bezier(.2,.7,.2,1);--spring:cubic-bezier(.34,1.56,.64,1)} button,.btn,.ibtn,.seg button,.tabs>button,.cats button,.chips button,.sides button,.rail button,.nav button,.bbob,.bm-o,.lnk,.star,.inp,.search,.mr,.pcts button,.mh button,.mtabs button{ transition:background-color .18s var(--ease),color .18s var(--ease),border-color .18s var(--ease),box-shadow .2s var(--ease),transform .16s var(--ease),filter .18s var(--ease),opacity .18s} .btn:active,.ibtn:active,.seg button:active,.cats button:active,.chips button:active,.sides button:active,.rail button:active,.bbob:active,.bm-o:active,.pcts button:active,.star:active,.nav button:active{transform:scale(.95)} .submit{position:relative;overflow:hidden;transition:transform .16s var(--ease),filter .18s,box-shadow .22s var(--ease)} .submit:hover{transform:translateY(-1px);box-shadow:0 6px 18px -6px currentColor;filter:brightness(1.08)} .submit.buy:hover{box-shadow:0 8px 20px -8px var(--up)}.submit.sell:hover{box-shadow:0 8px 20px -8px var(--down)} .submit:active{transform:translateY(0) scale(.985);box-shadow:none} .btn.pri,.bm-ok,.sides button,.bbob{position:relative;overflow:hidden} .btn.pri:hover,.bm-ok:hover{filter:brightness(1.1);transform:translateY(-1px)} .bbob:hover{transform:translateY(-1px)} .ibtn:hover svg{transform:rotate(14deg) scale(1.08)} .ibtn svg{transition:transform .25s var(--spring)} .sides button[aria-pressed="true"]{box-shadow:0 4px 14px -6px currentColor} .sides button[aria-pressed="true"].b{box-shadow:0 6px 16px -8px var(--up)}.sides button[aria-pressed="true"].s{box-shadow:0 6px 16px -8px var(--down)} .tabs>button{position:relative} .tabs>button::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .28s var(--ease)} .tabs>button[aria-selected="true"]::after{transform:scaleX(1)} .tabs>button[aria-selected="true"]{border-bottom-color:transparent} .cats button[aria-pressed="true"]{box-shadow:0 0 0 1px var(--brand) inset,0 3px 10px -6px var(--brand)} .qsw button[aria-pressed="true"],.seg button[aria-pressed="true"]{box-shadow:0 1px 4px rgba(0,0,0,.25)} .inp:focus-within{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)} .mr:hover{transform:translateX(1px)} .star:hover{transform:scale(1.15)} #hStar[aria-pressed="true"] svg{animation:starpop .45s var(--spring)} @keyframes starpop{0%{transform:scale(.6) rotate(-20deg)}60%{transform:scale(1.3) rotate(8deg)}100%{transform:scale(1) rotate(0)}} @keyframes fadeUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}} @keyframes fadeIn{from{opacity:0}to{opacity:1}} @keyframes popIn{from{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:none}} @keyframes toastIn{from{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:none}} @keyframes toastOut{to{opacity:0;transform:translateY(8px) scale(.97)}} @keyframes rip{from{opacity:.35;transform:translate(-50%,-50%) scale(0)}to{opacity:0;transform:translate(-50%,-50%) scale(1)}} .bm-back:not([hidden]){animation:fadeIn .18s ease-out;backdrop-filter:blur(3px)} .bm-back:not([hidden]) .bm{animation:popIn .28s var(--ease)} .bm-o{transform-origin:center}.bm-o:hover{border-color:var(--muted);transform:translateY(-1px)} .pop:not([hidden]){animation:popIn .2s var(--ease)} .toast{animation:toastIn .32s var(--spring)}.toast.out{animation:toastOut .22s ease-in forwards} .app[data-mode="spot"] #oform,.app[data-mode="fut"] #xform,.app[data-mode="fut"] .xtop{animation:fadeUp .28s var(--ease)} .app[data-mode] .head .stat.fx-only{animation:fadeIn .3s} .cats button,.mh button{will-change:auto} .rp{position:absolute;border-radius:50%;pointer-events:none;width:220px;height:220px;background:radial-gradient(circle,rgba(255,255,255,.55) 0%,rgba(255,255,255,0) 70%);animation:rip .55s ease-out forwards} html.tt *,html.tt *::before,html.tt *::after{transition:background-color .35s ease,color .35s ease,border-color .35s ease,fill .35s ease,stroke .35s ease!important} .mark{transition:transform .5s var(--spring)}.brand:hover .mark{transform:rotate(-8deg) scale(1.08)} @media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.news-run{animation:none!important}} .catwrap{position:relative;flex:1 1 100%;min-width:0} .catwrap .cats{flex:none;width:100%} .catnav{position:absolute;top:0;bottom:0;width:30px;display:none;align-items:center;justify-content:center;border:0;padding:0;color:var(--fg);font-size:22px;line-height:1;cursor:pointer;z-index:2;border-radius:0} .catnav.l{left:0;background:linear-gradient(90deg,var(--panel) 55%,transparent)} .catnav.r{right:0;background:linear-gradient(270deg,var(--panel) 55%,transparent)} .catnav:hover{color:var(--brand)} .catwrap.has-l .catnav.l,.catwrap.has-r .catnav.r{display:flex} .qrow{flex:1 1 100%} .qrow .qsw{margin:0;width:100%}.qrow .qsw button{flex:1;height:30px} .csb{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 12px 0 10px;border:1px solid var(--line);border-radius:999px;background:none;color:var(--fg);font:600 12.5px var(--sans);cursor:pointer;position:relative;flex:none} .csb svg{width:16px;height:16px}.csb:hover{border-color:var(--muted);background:var(--hover)} .csb i.on{width:7px;height:7px;border-radius:50%;background:var(--up);box-shadow:0 0 0 0 var(--up);animation:pulse 2s infinite} @keyframes pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--up) 55%,transparent)}70%{box-shadow:0 0 0 7px transparent}100%{box-shadow:0 0 0 0 transparent}} .pop.cs{width:320px;gap:8px;padding:14px} .pop.cs.sheet{top:auto;bottom:calc(10px + env(safe-area-inset-bottom));left:10px;right:10px;width:auto;max-height:80vh;overflow:auto;z-index:70} .cs-h{display:flex;justify-content:space-between;align-items:center}.cs-h b{font-size:15px} .cs-h small{display:inline-flex;align-items:center;gap:5px;color:var(--up);font-weight:600;font-size:11.5px}.cs-h i{width:7px;height:7px;border-radius:50%;background:var(--up)} .cs-n,.cs-f{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.cs-f{font-size:11px;color:var(--faint)} .cs-i{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:10px;border:1px solid var(--line);border-radius:10px;background:none;color:var(--fg);text-decoration:none;cursor:pointer;font:inherit} .cs-i:hover{border-color:var(--muted);background:var(--hover);transform:translateY(-1px)} .cs-i b{display:block;font-size:13px}.cs-i em{display:block;font-style:normal;color:var(--muted);font-size:12px;margin-top:1px} .cs-i .ic{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:#fff} .cs-i .ic svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .ic.bt{background:linear-gradient(135deg,var(--brand),#6d5dfc)}.ic.wa{background:#22a75a}.ic.tg{background:#2a9bd6}.ic.ml{background:#6b7280} .fab{position:fixed;right:20px;bottom:20px;z-index:60;width:56px;height:56px;border-radius:50%;border:0;background:linear-gradient(135deg,var(--brand),#6d5dfc);color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 10px 28px -6px rgba(60,70,200,.55);transition:transform .22s var(--spring),box-shadow .2s} .fab svg{width:26px;height:26px}.fab:hover{transform:translateY(-2px) scale(1.06)}.fab:active{transform:scale(.94)} .fab .ping{position:absolute;top:6px;right:6px;width:12px;height:12px;border-radius:50%;background:var(--down);border:2px solid var(--panel)} .fab.open{transform:scale(0);opacity:0;pointer-events:none} .bot{position:fixed;right:20px;bottom:20px;z-index:65;width:380px;max-width:calc(100vw - 24px);height:min(600px,calc(100vh - 40px));display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);overflow:hidden} .bot[hidden]{display:none}.bot:not([hidden]){animation:popIn .3s var(--ease);transform-origin:bottom right} .bot-h{display:flex;align-items:center;gap:10px;padding:12px 12px 12px 14px;background:linear-gradient(135deg,var(--brand),#6d5dfc);color:#fff;flex:none} .bot-av{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.2);display:grid;place-items:center;flex:none}.bot-av svg{width:22px;height:22px} .bot-t{flex:1;min-width:0}.bot-t b{display:block;font-size:15px}.bot-t small{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;opacity:.92}.bot-t i{width:7px;height:7px;border-radius:50%;background:#7dffb5} .bot-h button{width:30px;height:30px;border:0;background:rgba(255,255,255,.16);color:#fff;border-radius:50%;font-size:20px;line-height:1;cursor:pointer;display:grid;place-items:center;padding:0} .bot-h button:hover{background:rgba(255,255,255,.3)}.bot-h button svg{width:16px;height:16px} .bot-b{flex:1;min-height:0;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px;background:var(--bg);overscroll-behavior:contain} .bm-r{display:flex;gap:8px;align-items:flex-end;max-width:92%;animation:fadeUp .25s var(--ease)} .bm-r.me{align-self:flex-end;flex-direction:row-reverse} .bm-r .av{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,var(--brand),#6d5dfc);flex:none;display:grid;place-items:center;color:#fff;font-size:11px;font-weight:700} .bb{padding:9px 12px;border-radius:14px 14px 14px 4px;background:var(--panel);border:1px solid var(--line);font-size:13px;line-height:1.5;overflow-wrap:anywhere} .bm-r.me .bb{background:var(--accent);color:var(--accent-fg);border-color:var(--accent);border-radius:14px 14px 4px 14px} .bb b{font-weight:700}.bb code{font-family:ui-monospace,Menlo,monospace;font-size:12px;background:var(--field);padding:1px 5px;border-radius:4px} .bb ul{margin:6px 0 2px;padding-left:18px}.bb li{margin:2px 0} .bb time{display:block;font-size:10px;opacity:.55;margin-top:4px} .bcard{display:flex;flex-direction:column;gap:6px;margin-top:8px} .bcard a{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;color:var(--fg);text-decoration:none;font-weight:600;font-size:12.5px} .bcard a:hover{border-color:var(--brand);color:var(--brand)} .typing{display:inline-flex;gap:4px;padding:12px 14px}.typing i{width:6px;height:6px;border-radius:50%;background:var(--muted);animation:tdot 1.1s infinite} .typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s} @keyframes tdot{0%,60%,100%{transform:translateY(0);opacity:.4}30%{transform:translateY(-5px);opacity:1}} .bot-q{display:flex;gap:6px;overflow-x:auto;padding:8px 12px;border-top:1px solid var(--line);flex:none;scrollbar-width:none;background:var(--panel)} .bot-q::-webkit-scrollbar{display:none}.bot-q:empty{display:none} .bot-q button{flex:none;border:1px solid var(--brand);color:var(--brand);background:none;border-radius:999px;height:28px;padding:0 12px;font:600 12px var(--sans);cursor:pointer;white-space:nowrap} .bot-q button:hover{background:var(--brand);color:#fff} .bot-f{display:flex;gap:8px;padding:10px 12px;border-top:1px solid var(--line);flex:none;background:var(--panel)} .bot-f input{flex:1;min-width:0;height:40px;border:1px solid var(--line);border-radius:999px;background:var(--field);padding:0 14px;outline:none;color:var(--fg);font:13px var(--sans)} .bot-f input:focus{border-color:var(--brand)} .bot-f button{width:40px;height:40px;border:0;border-radius:50%;background:var(--accent);color:var(--accent-fg);display:grid;place-items:center;cursor:pointer;flex:none} .bot-f button svg{width:18px;height:18px} @media (max-width:560px){.bot{right:0;bottom:0;width:100vw;max-width:100vw;height:min(88vh,640px);border-radius:18px 18px 0 0}.fab{right:14px;bottom:14px}.csb span{display:none}.csb{padding:0 9px}} #sndBtn .x{display:none}#sndBtn.off{opacity:.65}#sndBtn.off .w{display:none}#sndBtn.off .x{display:block} .top .seg.lng{padding:2px;flex:none}.top .seg.lng button{height:26px;padding:0 9px;font-size:11.5px;font-weight:700;letter-spacing:.02em} .mhdr,.mptabs,.mhome,.mwal,.mnav,.mact,.mbk,.mmore,.mr .nmv,.mr .vl,.mmk{display:none} @media (max-width:759px){ html{scroll-behavior:auto} #app{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))} #app[data-mv] .news,#app[data-mv] .status,#app[data-mv] .rail,#app[data-mv] .layout,#app[data-mv] .orders,#app[data-mv] .top{display:none} #app[data-mv] .top{height:50px;padding:0 12px;gap:8px;justify-content:flex-start} #app[data-mv] .top .brand{flex:1;min-width:0;font-size:17px} #app[data-mv="home"] .top,#app[data-mv="chat"] .top,#app[data-mv="market"] .top,#app[data-mv="wallet"] .top{display:flex} #app[data-mv="home"] .news{display:flex} #app[data-mv="home"] #mHome{display:block} #app[data-mv] .mnav{display:grid} #app[data-mv="pair"] .mact{display:flex} .fab{display:none!important} .mnav{position:fixed;left:0;right:0;bottom:0;z-index:30;grid-template-columns:repeat(5,1fr);height:calc(58px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:var(--panel);border-top:1px solid var(--line)} .mnav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:none;border:0;color:var(--faint);font:500 11px var(--sans)} .mnav svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round} #app[data-mv="home"] .mnav [data-go="home"],#app[data-mv="chat"] .mnav [data-go="chat"],#app[data-mv="market"] .mnav [data-go="market"],#app[data-mv="pair"] .mnav [data-go="market"],#app[data-mv="trade"] .mnav [data-go="trade"],#app[data-mv="wallet"] .mnav [data-go="wallet"]{color:var(--brand)} .mhdr{position:sticky;top:0;z-index:20;align-items:center;gap:4px;height:54px;padding:0 8px 0 12px;background:var(--bg)} #app[data-mv="pair"] .mhdr,#app[data-mv="trade"] .mhdr{display:flex} .mhdr .grow{flex:1} .mic{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:0;background:none;color:var(--fg);border-radius:10px;padding:0} .mic svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .mic.star{color:var(--muted)}.mic.star.on{color:#f0b429}.mic.star.on svg{fill:currentColor} .mpair{display:inline-flex;align-items:center;gap:4px;background:none;border:0;color:var(--fg);font:700 19px var(--sans);padding:4px 6px;border-radius:8px} .mpair svg{width:18px;height:18px;fill:none;stroke:var(--muted);stroke-width:2;stroke-linecap:round;stroke-linejoin:round} #app[data-mv="trade"] #mBack,#app[data-mv="trade"] #mFav{display:none} #app[data-mv="pair"] #mToChart{display:none} .mptabs{position:sticky;top:54px;z-index:19;background:var(--bg);border-bottom:1px solid var(--line)} #app[data-mv="pair"] .mptabs{display:grid;grid-template-columns:repeat(3,1fr)} .mptabs button{height:42px;background:none;border:0;border-bottom:2px solid transparent;color:var(--muted);font:600 14px var(--sans)} .mptabs button[aria-selected="true"]{color:var(--fg);border-bottom-color:var(--brand)} #app[data-mv="market"] .layout,#app[data-mv="chat"] .layout,#app[data-mv="pair"] .layout,#app[data-mv="trade"] .layout{display:block} #app[data-mv="market"] .terminal,#app[data-mv="chat"] .terminal,#app[data-mv="pair"]:not([data-pt="market"]) .terminal{display:none} #app[data-mv="market"] .side,#app[data-mv="chat"] .side,#app[data-mv="pair"]:not([data-pt="market"]) .side{display:block;background:none;border:0} #app[data-mv="pair"][data-pt="market"] .side,#app[data-mv="trade"] .side{display:none} #app[data-mv] .side-panel{display:block!important;height:auto;min-height:0;contain:none;overflow:visible;background:none} #app[data-mv] .side .vsplit,#app[data-mv] .side .hsplit{display:none!important} #app[data-mv="market"] #sp-chat,#app[data-mv="market"] #sp-news,#app[data-mv="market"] .wh,#app[data-mv="market"] #detBox{display:none!important} #app[data-mv="market"] .sp,#app[data-mv="market"] .wl{display:block;flex:none;overflow:visible} #app[data-mv="market"] .mtool{display:flex;flex-wrap:wrap;gap:8px;padding:12px 12px 6px} #app[data-mv="market"] .mmk{display:flex;order:-1;flex:1 1 100%} #app[data-mv="market"] .mmk button{flex:1;height:34px} #app[data-mv="market"] .mtool .search{order:0;flex:1 1 100%;height:42px;border-radius:12px;padding:0 14px;font-size:14px;border:1px solid var(--line);background:var(--panel)} #app[data-mv="market"] .mtool .catwrap{order:1} #app[data-mv="market"] .mtool .qrow{order:2} #app[data-mv="market"] .catnav{display:none!important} #app[data-mv="market"] .cats{padding:2px 0} #app[data-mv="market"] .cats button{height:34px;padding:0 15px;font-size:13px} #app[data-mv="market"] .mh{display:grid;grid-template-columns:minmax(0,1.5fr) 74px minmax(0,1.3fr);gap:8px;height:36px;padding:0 16px;margin-top:6px;background:var(--panel-2);color:var(--muted)} #app[data-mv="market"] .mh>span,#app[data-mv="market"] .mh .c4,#app[data-mv="market"] .mh .c6{display:none} #app[data-mv="market"] .mh button{font-size:12px} #app[data-mv="market"] .mh button[data-s="chg"]{order:2;text-align:center} #app[data-mv="market"] .mh button[data-s="price"]{order:3;text-align:right} #app[data-mv="market"] .mlist{overflow:visible} #app[data-mv="market"] .mr{display:grid;grid-template-columns:minmax(0,1.5fr) 74px minmax(0,1.3fr);grid-template-areas:"pn chg price" "nm chg vl";height:auto;padding:12px 16px;column-gap:8px;row-gap:2px;border-bottom:1px solid var(--line);font:13px var(--mono);align-items:center} #app[data-mv="market"] .mr>.star,#app[data-mv="market"] .mr>.c4,#app[data-mv="market"] .mr>.c6,#app[data-mv="market"] .mr .pn .cg{display:none} #app[data-mv="market"] .mr .pn{grid-area:pn;font-size:15px} #app[data-mv="market"] .mr .pn b{font-size:15.5px} #app[data-mv="market"] .mr .nmv{display:block;grid-area:nm;color:var(--muted);font:12px var(--sans);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left} #app[data-mv="market"] .mr .pc{grid-area:chg;text-align:center;font-size:13.5px} #app[data-mv="market"] .mr .pr{grid-area:price;text-align:right;font-weight:600;font-size:15px} #app[data-mv="market"] .mr .vl{display:block;grid-area:vl;text-align:right;color:var(--muted);font:11.5px var(--mono)} #app[data-mv="market"] .mr.cur{box-shadow:none;background:none} #app[data-mv="pair"][data-pt="market"] .terminal{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "chart" "mbk";gap:0;background:none} #app[data-mv="pair"] .book,#app[data-mv="pair"] .form{display:none} #app[data-mv="pair"] #mBk{display:flex;grid-area:mbk;height:auto;border-top:8px solid var(--line)} #app[data-mv="pair"] .head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:3px 16px;padding:12px 16px;overflow:visible;align-items:center} #app[data-mv="pair"] .head .hp{display:none} #app[data-mv="pair"] .head .hprice{grid-column:1;grid-row:1/span 2} #app[data-mv="pair"] .head .hprice b{font-size:30px} #app[data-mv="pair"] .head .hprice small{font-size:12px} #app[data-mv="pair"] .head>.stat{display:flex;flex-direction:row;justify-content:space-between;align-items:baseline;gap:8px;grid-column:2;min-width:0} #app[data-mv="pair"] .head>.stat:nth-child(3){grid-column:1;grid-row:3;justify-content:flex-start} #app[data-mv="pair"] .head>.stat:nth-child(3) span{display:none} #app[data-mv="pair"] .head>.stat:nth-child(3) b{font-size:16px;font-weight:700} #app[data-mv="pair"] .head>.stat span{font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0} #app[data-mv="pair"] .head>.stat b{font-size:12.5px;white-space:nowrap;flex:none} #app[data-mv="pair"][data-mode="spot"] .head>.stat.sp-only.hide-l{display:flex} #app[data-mv="pair"] .head>.stat.hide-m:not(.fx-only){display:flex} #app[data-mv="pair"] .head .hact{position:absolute;right:0;top:0;width:0;height:0;overflow:visible} #app[data-mv="pair"] #bellBtn{display:none} #app[data-mv="pair"] .chart{height:340px;border-top:8px solid var(--line)} #app[data-mv="pair"] .chart .tabs{padding:0 12px;gap:16px} #app[data-mv="pair"] .cbody{min-height:250px} #alertPop{top:auto!important;left:12px!important;right:12px;bottom:calc(80px + env(safe-area-inset-bottom,0px));width:auto;box-sizing:border-box} #alertPop .row2{min-width:0}#alertPop .inp{min-width:0}#alertPop input{min-width:0;width:100%} .mact{position:fixed;left:0;right:0;bottom:calc(58px + env(safe-area-inset-bottom,0px));z-index:30;align-items:center;gap:10px;padding:8px 12px;background:var(--panel);border-top:1px solid var(--line)} .mact button{height:46px;border:0;border-radius:8px;font:700 16px var(--sans);color:#fff} .mact .ma-b{flex:1;background:var(--up)}.mact .ma-s{flex:1;background:var(--down)} .mact .ma-al{flex:none;width:52px;display:flex;flex-direction:column;align-items:center;gap:1px;background:none;color:var(--muted);font:500 11px var(--sans)} .mact .ma-al svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round} #mSub{padding:0 12px;gap:18px} #mBook,#mTrades{padding:0 0 12px} .mbh{display:grid;grid-template-columns:1fr 1fr;padding:10px 12px 4px;font-size:13px;color:var(--fg)} .mbh.c{padding:6px 12px;background:var(--panel-2);color:var(--muted);font-size:11px;grid-template-columns:1fr 1fr 1fr 1fr;gap:6px} .mbh.c span:nth-child(2),.mbh.c span:nth-child(3){text-align:right}.mbh.c span:nth-child(4){text-align:right} .mbh.c span:nth-child(3){text-align:left} .mbl{display:grid;grid-template-columns:1fr 1fr;height:26px} .mb-s{position:relative;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:0 12px;font:12.5px var(--mono);min-width:0} .mb-s>span{position:relative;z-index:1;white-space:nowrap} .mb-s i{position:absolute;top:1px;bottom:1px;width:calc(100%*var(--w,0));z-index:0;pointer-events:none} .mb-s.bid i{right:0;background:var(--up-soft)}.mb-s.ask i{left:0;background:var(--down-soft)} .mb-s.bid .px{color:var(--up)}.mb-s.ask .px{color:var(--down)} .mb-s.ask{flex-direction:row} .mb-s .md{position:absolute;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:#2f7bff;box-shadow:0 0 0 2px rgba(47,123,255,.32);z-index:2} .mb-s.bid .md{left:2px}.mb-s.ask .md{right:2px} #mTrades .bhead{padding:8px 16px} #mTrades .trow{padding:0 16px} #app[data-mv="trade"] .terminal{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);grid-template-areas:"form book";gap:0;background:none;align-items:start} #app[data-mv="trade"] .head,#app[data-mv="trade"] .chart,#app[data-mv="trade"] #mBk{display:none} #app[data-mv="trade"] .form{height:auto;padding:0 8px 12px 12px;overflow:visible;border:0} #app[data-mv="trade"] .terminal{background:var(--panel)} #app[data-mv="trade"] .form .prow .qs{display:none} #app[data-mv="trade"] .form .bbob{padding:0 9px;font-size:11px} #app[data-mv="trade"] .book{height:auto;padding:0 10px 8px 4px;background:var(--panel)} #app[data-mv="trade"] .book .bhead{font-size:10.5px;overflow:hidden} #app[data-mv="trade"] .book>.tabs,#app[data-mv="trade"] .book .btool,#app[data-mv="trade"] .book .bhead span:nth-child(3),#app[data-mv="trade"] .book .row span:nth-child(3){display:none} #app[data-mv="trade"] .book .bhead{grid-template-columns:1fr 1fr;padding:10px 6px 6px;background:var(--panel-2);border-radius:6px 6px 0 0;height:auto} #app[data-mv="trade"] .book .bv{flex:none} #app[data-mv="trade"] #bookRows{height:274px;flex:none} #app[data-mv="trade"] .book .row{grid-template-columns:1fr 1fr;padding:0 6px;font-size:11.5px} #app[data-mv="trade"] .book .row span:last-child i{right:-6px;width:calc((100% + 6px)*var(--w,0))} #app[data-mv="trade"] .book .row .md{left:0;width:6px;height:6px;margin-top:-3px} #app[data-mv="trade"] .book .mid{padding:6px;justify-content:center} #app[data-mv="trade"] .book .mid b{font-size:15px} #app[data-mv="trade"] .book .mid span,#app[data-mv="trade"] .book .mid em{display:none} #app[data-mv="trade"] .book .bsr{padding:8px 4px;gap:6px;height:auto;border:0} #app[data-mv="trade"] .mmore{display:flex;align-items:center;justify-content:space-between;background:none;border:0;color:var(--fg);font:500 12.5px var(--sans);padding:8px 6px} #app[data-mv="trade"][data-mode="fut"] .terminal{grid-template-columns:minmax(0,1fr);grid-template-areas:"form"} #app[data-mv="trade"][data-mode="fut"] .book{display:none} #app[data-mv="trade"] .form .pcts input[type=range],#app[data-mv="trade"] .form .pcts button[data-p="0"],#app[data-mv="trade"] .form .fees,#app[data-mv="trade"] .form .lim{display:none} #app[data-mv="trade"] .form .tabs{padding:0;gap:12px;height:36px} #app[data-mv="trade"] .form .tabs>button{font-size:12.5px} #app[data-mv="trade"] .orders{display:flex;margin-top:8px;border-top:8px solid var(--line);min-height:320px} #app[data-mv="wallet"] .mwal{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px} .mwal h2{margin:0;font-size:20px} #app[data-mv="wallet"] .orders{display:flex;border-radius:0} #app[data-mv="wallet"] #oTabs>button{display:none} #app[data-mv="wallet"] #oTabs .chk,#app[data-mv="wallet"] #oTabs .lnk:not(#xXfer){display:none} #app[data-mv="wallet"] #oTabs{height:auto;border:0;padding:0 16px} .mhome{padding:12px 16px 24px} .hm-card{background:linear-gradient(135deg,rgba(34,211,238,.16),rgba(33,201,154,.12));border:1px solid var(--line);border-radius:16px;padding:16px} .hm-card small{display:block;color:var(--muted);font-size:12px} .hm-tot{display:block;font:700 28px var(--mono);margin:4px 0 2px} .hm-card .cv{color:var(--muted);font:12.5px var(--mono)} .hm-act{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px} .hm-act button{height:38px;border:1px solid var(--line);border-radius:10px;background:var(--panel);font:600 13px var(--sans)} .hm-act .b{background:var(--up);border-color:var(--up);color:#fff}.hm-act .s{background:var(--down);border-color:var(--down);color:#fff} .mhome h3{font-size:15px;margin:20px 0 10px} .hm-top{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:0 16px} .hm-top::-webkit-scrollbar{display:none} .hm-c{flex:none;width:132px;text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:2px} .hm-c b{font-size:14px}.hm-c span{font:600 15px var(--mono)}.hm-c em{font:12px var(--mono);color:var(--muted);font-style:normal} .hm-news{list-style:none;margin:0;padding:0} .hm-news li{display:flex;gap:10px;align-items:flex-start;padding:11px 0;border-bottom:1px solid var(--line)} .hm-news p{margin:0;flex:1;font-size:13px;line-height:1.4} .hm-news time{color:var(--faint);font:11px var(--mono);white-space:nowrap} .hm-cs{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:22px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--panel)} .hm-cs b{display:block;font-size:14px}.hm-cs span{color:var(--muted);font-size:12px} .hm-cs button{height:36px;padding:0 16px;border:0;border-radius:10px;background:var(--brand);color:#001018;font:700 13px var(--sans)} #app[data-mv="pair"][data-pt="chat"] #sp-chat{display:flex!important;height:calc(100dvh - 54px - 42px - 60px - 58px - env(safe-area-inset-bottom,0px));min-height:320px} #app[data-mv="pair"][data-pt="chat"] #sp-chat .wh,#app[data-mv="pair"][data-pt="news"] #sp-news .wh{display:none} #app[data-mv="pair"] #sp-mk{display:none!important} #app[data-mv="chat"]{padding-bottom:0} #app[data-mv="chat"] #sp-mk,#app[data-mv="chat"] #sp-news,#app[data-mv="chat"] #sp-chat .wh{display:none!important} #app[data-mv="chat"] #sp-chat{display:flex!important;flex-direction:column;height:calc(100dvh - 50px - 58px - env(safe-area-inset-bottom,0px));min-height:320px} #app[data-mv="chat"] #sp-chat .chat-list{flex:1;height:auto;min-height:0} #app[data-mv="chat"] #sp-chat .chat-head{padding:12px 16px;font-size:13px;color:var(--fg);font-weight:600} #app[data-mv="chat"] #sp-chat .chat-form{padding:10px 12px} #app[data-mv="chat"] #sp-chat .chat-form input{height:40px;font-size:16px} } #userBtn b{display:none;font-size:11px;font-weight:800;letter-spacing:.02em} #userBtn.on svg{display:none}#userBtn.on b{display:block} #userBtn.on{color:var(--accent);border-color:var(--accent)} .af-form{display:flex;flex-direction:column;gap:12px} .af{display:flex;flex-direction:column;gap:6px;font-size:12.5px;color:var(--muted)} .af[hidden]{display:none} .af input{height:42px;border-radius:8px;border:1px solid var(--line);background:var(--field);color:var(--fg);padding:0 12px;font:500 14px var(--mono);outline:none} .af input:focus{border-color:var(--accent)} .af-err{color:var(--down)} #authTabs{align-self:stretch}#authTabs button{flex:1} #authLocal{align-self:center;margin-top:2px} .pop.up{width:220px;gap:6px} .up-h{display:flex;flex-direction:column;gap:2px;padding-bottom:8px;border-bottom:1px solid var(--line)} .up-h b{font-size:14px}.up-h small{color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis} .pop.up .lnk{text-align:left;padding:8px 2px} .qt{display:flex;flex-direction:column;gap:6px;padding:8px 10px;border-bottom:1px solid var(--line);background:var(--panel);flex:none} .qt[hidden]{display:none!important} .qt-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(104px,.75fr) minmax(0,1fr);gap:6px;align-items:stretch} .qt-s,.qt-b{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border:0;border-radius:8px;color:#fff;padding:6px 8px;min-height:52px;cursor:pointer;font:inherit;touch-action:manipulation;transition:filter .1s,transform .1s} .qt-s{background:#e5484d}.qt-b{background:#2f6df6} .qt-s small,.qt-b small{font:700 10px var(--sans);letter-spacing:.1em;opacity:.92} .qt-s b,.qt-b b{font:700 17px var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap} .qt-s:hover,.qt-b:hover{filter:brightness(1.08)} .qt-s:active,.qt-b:active{filter:brightness(.82);transform:scale(.98)} .qt-s.arm,.qt-b.arm{outline:2px solid #ffd54a;outline-offset:1px} .qt-l{display:flex;align-items:stretch;border:1px solid var(--line);border-radius:8px;background:var(--field);overflow:hidden} .qt-l button{flex:none;width:32px;border:0;background:none;color:var(--fg);font-size:20px;line-height:1;cursor:pointer;touch-action:manipulation} .qt-l button:hover{background:var(--hover)} .qt-l input{flex:1;min-width:0;width:100%;text-align:center;border:0;background:none;color:var(--fg);font:600 14px var(--mono);outline:none;padding:0} .qt-i{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:11.5px;color:var(--muted)} .qt-i #qtInfo{flex:1 1 100%;font-family:var(--mono);font-size:11px} .qt-i label{display:inline-flex;align-items:center;gap:4px} .qt-i label input{width:48px;height:24px;border:1px solid var(--line);border-radius:6px;background:var(--field);color:var(--fg);text-align:center;font:500 12px var(--mono);outline:none;padding:0} .qt-i label input:focus{border-color:var(--accent)} .qt-i button{height:24px;padding:0 9px;border:1px solid var(--line);border-radius:6px;background:none;color:var(--muted);font:600 11px var(--sans);cursor:pointer} .qt-i #qtOne[aria-pressed="true"]{color:var(--accent);border-color:var(--accent)} .qt-i #qtHide{margin-left:auto;font-size:15px;line-height:1;padding:0 8px} .qt-pos{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px;-webkit-overflow-scrolling:touch} .qt-pos[hidden]{display:none} .qp{flex:none;display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 10px;border-radius:999px;border:1px solid var(--line);background:var(--panel-2);color:var(--fg);font:600 12px var(--mono);cursor:pointer;touch-action:manipulation} .qp.buy{border-color:#2f6df6}.qp.sell{border-color:#e5484d} .qp b{font-weight:700}.qp b.up{color:var(--up)}.qp b.down{color:var(--down)} .qp i{font-style:normal;color:var(--muted)} .qp.all{color:var(--muted)} .qp:active{filter:brightness(.85)} #qtT[aria-pressed="true"]{color:var(--accent)} .mt{padding:0 0 8px} .mt-acc{margin:0;padding:6px 16px;display:flex;flex-direction:column} .mt-acc>div{display:flex;align-items:baseline;gap:8px;padding:5px 0} .mt-acc dt{flex:none;font-weight:600;font-size:14px} .mt-acc dd{margin:0;flex:1;display:flex;align-items:baseline;gap:8px;justify-content:flex-end;font:600 14px var(--mono);font-variant-numeric:tabular-nums} .mt-acc dd::before{content:"";flex:1;border-bottom:2px dotted var(--faint);transform:translateY(-3px);opacity:.7} .mt-h{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:var(--panel-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:13px} .mt-h small{color:var(--muted);font-weight:400} .mt-tot{font:700 14px var(--mono)} .mt-tot.up,.mt-p.up{color:var(--up)}.mt-tot.down,.mt-p.down{color:var(--down)} .mt-bulk{display:flex;gap:6px;padding:8px 16px;flex-wrap:wrap} .mt-bulk button{height:30px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:none;color:var(--fg);font:600 12px var(--sans);cursor:pointer} .mt-bulk button:active{background:var(--hover)} .mt-r{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;align-items:center;padding:10px 16px;border-bottom:1px solid var(--line)} .mt-m b{font-size:15px}.mt-m .buy{color:#4d8dff;font-weight:600}.mt-m .sell{color:#ff6b6f;font-weight:600} .mt-m small{display:block;color:var(--muted);font:12px var(--mono);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .mt-p{font:700 16px var(--mono);font-variant-numeric:tabular-nums;text-align:right} .mt-a{grid-column:1/-1;display:flex;gap:6px} .mt-a button{flex:1;height:32px;border:1px solid var(--line);border-radius:8px;background:none;color:var(--fg);font:600 12px var(--sans);cursor:pointer;touch-action:manipulation} .mt-a button.c{flex:1.6;background:var(--panel-2)} .mt-a button:active{background:var(--hover)} .mt .empty{padding:28px 16px} .qt-chip{display:none} @media (max-width:759px){ .qt-chip:not([hidden]){position:fixed;left:50%;transform:translateX(-50%);bottom:calc(66px + env(safe-area-inset-bottom,0px));z-index:29;display:inline-flex;align-items:center;height:34px;padding:0 16px;border-radius:999px;border:1px solid var(--line);background:var(--panel);color:var(--fg);font:700 13px var(--mono);box-shadow:var(--shadow);cursor:pointer} .qt-chip.up{color:var(--up)}.qt-chip.down{color:var(--down)} #app[data-mv="pair"] .qt-chip,#app[data-mv="wallet"] .qt-chip,#app[data-mv="trade"] .qt-chip{display:none!important} #app[data-mv="pair"][data-mode="fut"] .chart{height:auto} #app[data-mv="pair"][data-mode="fut"] .cbody{height:300px;flex:none} #app[data-mv="pair"][data-pt="market"][data-mode="fut"] .mact{display:none} #app[data-mv="pair"][data-pt="market"][data-mode="fut"]{padding-bottom:calc(175px + env(safe-area-inset-bottom,0px))} #app[data-mv="pair"]{padding-bottom:calc(140px + env(safe-area-inset-bottom,0px))} #app[data-mv="pair"][data-mode="fut"] .qt:not([hidden]){position:fixed;left:0;right:0;bottom:calc(58px + env(safe-area-inset-bottom,0px));z-index:30;gap:6px;padding:8px 12px;border-top:1px solid var(--line);border-bottom:0;box-shadow:0 -6px 18px rgba(0,0,0,.18);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:8px;row-gap:6px} .qt-i{display:none} .qt-s,.qt-b{min-height:50px} .qt-s{background:var(--down)}.qt-b{background:var(--up)} .qt-s b,.qt-b b{font-size:15px} .qt-s small,.qt-b small{font-size:11px} .qt-row{grid-template-columns:minmax(0,1fr) minmax(112px,.8fr) minmax(0,1fr)} .qt-l button{width:36px} .qt-l input{font-size:15px} .mt-acc dt{font-size:15px} } @media (min-width:760px){.qt-chip{display:none!important}} @media (min-width:760px){ .mt-acc{flex-direction:row;flex-wrap:wrap;gap:0 32px;padding:8px 16px} .mt-acc>div{flex:1 1 220px} .mt-r{grid-template-columns:minmax(0,1fr) 150px minmax(300px,380px)} .mt-a{grid-column:auto} } .qt-m{display:none} @media (max-width:759px){ .qt-m{display:contents} #qtCfg{grid-column:1;grid-row:1}#qtMg{grid-column:2;grid-row:1}#qtAl{grid-column:3;grid-row:1} .qt .qt-pos{grid-column:2;grid-row:1;padding:0} .qt .qt-row{grid-column:1/-1;grid-row:2} .qt.has-pos #qtMg{display:none} #qtCfg{flex:none;height:30px;padding:0 12px;border-radius:999px;border:1px solid var(--accent);background:none;color:var(--accent);font:700 12.5px var(--mono);cursor:pointer;touch-action:manipulation} #qtMg{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:11px var(--mono);color:var(--muted)} #qtAl{flex:none;width:34px;height:30px;display:inline-flex;align-items:center;justify-content:center;border:0;background:none;color:var(--muted);padding:0} #qtAl svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round} } .pop.sheet{top:auto;bottom:calc(10px + env(safe-area-inset-bottom,0px));left:10px;right:10px;width:auto;max-height:82vh;overflow:auto;z-index:70} .pop.sheet .qc-h{display:flex;align-items:center;justify-content:space-between} .pop.sheet .qc-h button{border:0;background:none;color:var(--muted);font-size:16px;padding:4px 8px;cursor:pointer} .pop.sheet .fld small{color:var(--faint);font-weight:400} .pop.sheet .chips{display:flex;flex-wrap:wrap;gap:6px} .pop.sheet .chips button{flex:1 1 0;min-width:44px;height:34px;border:1px solid var(--line);border-radius:8px;background:none;color:var(--fg);font:600 13px var(--mono);cursor:pointer} .pop.sheet .chips button[aria-pressed="true"]{border-color:var(--accent);color:var(--accent)} .pop.sheet .note{display:block;margin-top:6px;color:var(--muted);font:11.5px var(--mono)} .pop.sheet .qc-sltp>.fld{flex:1;min-width:0} .pop.sheet .qc-in{width:100%;height:38px;border:1px solid var(--line);border-radius:8px;background:var(--field);color:var(--fg);font:600 14px var(--mono);padding:0 10px;outline:none;box-sizing:border-box} .pop.sheet .qc-in:focus{border-color:var(--accent)} .pop.sheet .qc-one{display:flex;align-items:flex-start;gap:8px;font-size:13px} .pop.sheet .qc-one small{display:block;color:var(--faint)} @media (min-width:760px){#qcPop{display:none!important}} #tfBtns{flex:none;white-space:nowrap;display:inline-flex;gap:2px} .ctool>*{flex-shrink:0} @media (max-width:759px){#qtT{display:none}} .ctool.tvonly>:not(#tfBtns){display:none} @media (min-width:1200px) and (max-width:1699px){ .layout{grid-template-columns:minmax(0,1fr) 44px} .side{min-height:0;border-left:0} .side-panel{position:fixed;top:64px;right:56px;bottom:8px;height:auto;width:min(var(--side-w,340px),calc(100vw - 80px));z-index:45;border:1px solid var(--line);box-shadow:var(--shadow);contain:none} .terminal{grid-template-columns:minmax(0,1fr) 300px 290px} } .qt{container-type:inline-size} .qt-s,.qt-b{min-width:0;overflow:hidden} .qt-s b,.qt-b b{max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:clamp(12px,4cqi,17px)} @container (max-width:360px){ .qt-row{grid-template-columns:minmax(0,1fr) minmax(88px,.7fr) minmax(0,1fr)} .qt-s small,.qt-b small{font-size:9px} } .nav .hm{display:inline-flex;align-items:center;gap:2px} .nav .hm svg,.hback svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none} .nav .hm[aria-expanded="true"]{background:var(--hover);color:var(--fg)} .pop.hm{width:244px;padding:6px;gap:2px;z-index:60} .pop.hm button{display:block;width:100%;text-align:left;padding:9px 10px;border:0;border-radius:8px;background:none;color:var(--fg);font:500 13px var(--sans);cursor:pointer} .pop.hm button:hover{background:var(--hover)} .hist,.mhl{display:none} #app[data-view="hist"] .news,#app[data-view="hist"] .layout,#app[data-view="hist"] .orders,#app[data-view="hist"] .status,#app[data-view="hist"] .mwal,#app[data-view="hist"] .mhl,#app[data-view="hist"] .qt-chip,#app[data-view="hist"] .mact{display:none!important} #app[data-view="hist"] .hist{display:grid} .hist{grid-template-columns:224px minmax(0,1fr);margin:6px;min-height:calc(100vh - 118px);background:var(--panel);border-radius:12px;overflow:hidden} .hs{display:flex;flex-direction:column;gap:14px;padding:12px 8px;border-right:1px solid var(--line)} .hs .hg{display:flex;flex-direction:column;gap:2px} .hs h5{margin:0 0 4px;padding:0 10px;font:600 10.5px var(--sans);color:var(--faint);text-transform:uppercase;letter-spacing:.07em} .hs button{display:flex;align-items:center;gap:6px;width:100%;text-align:left;padding:9px 10px;border:0;background:none;color:var(--muted);font:500 13.5px var(--sans);border-radius:8px;cursor:pointer} .hs button:hover{background:var(--hover);color:var(--fg)} .hs button[aria-current="true"]{background:var(--hover);color:var(--fg);font-weight:700} .hs .hback{color:var(--fg);font-weight:600;border-bottom:1px solid var(--line);border-radius:0;padding-bottom:12px;margin-bottom:-2px} .hc{display:flex;flex-direction:column;min-width:0} .hh{display:flex;align-items:center;gap:12px;padding:16px 20px 8px} .hh h2{margin:0;font-size:20px} .hf{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;padding:8px 20px 14px} .hf[hidden]{display:none} .hfl{display:flex;flex-direction:column;gap:4px;min-width:0} .hfl>span{color:var(--muted);font:500 11.5px var(--sans)} .hist select,.hist input{height:34px;border:1px solid var(--line);border-radius:8px;background:var(--field);color:var(--fg);padding:0 10px;font:13px var(--sans);outline:none;min-width:0} .hist select:focus,.hist input:focus{border-color:var(--brand)} .hist .btn{height:34px;cursor:pointer} .hist .btn:disabled{opacity:.4;cursor:default} .hist .btn.pri{background:var(--brand);color:var(--accent-fg);font-weight:700} .hbody{padding:0 20px;flex:1;min-width:0} .hpg{display:flex;align-items:center;gap:10px;padding:12px 20px 18px;color:var(--muted);font:12px var(--sans)} .hpn{color:var(--fg);font:600 12px var(--mono);min-width:48px;text-align:center} .ht{min-width:760px} .ht tbody tr:hover{background:var(--hover)} .ht tfoot td{font-weight:700;border-top:2px solid var(--line)} .ht .lnk{color:var(--brand);background:none;border:0;cursor:pointer;font:600 12px var(--sans);padding:0} .hst{display:inline-block;padding:2px 9px;border-radius:99px;font:600 11px var(--sans);background:var(--hover);color:var(--muted)} .hst.filled{background:var(--up-soft);color:var(--up)} .hst.open{background:color-mix(in srgb,var(--brand) 18%,transparent);color:var(--brand)} .hcards{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin:4px 0 14px} .hcard{display:flex;flex-direction:column;gap:6px;padding:12px 14px;background:var(--field);border-radius:10px} .hcard small{color:var(--muted);font:500 11.5px var(--sans)} .hcard b{font:700 18px var(--mono)} .hcard.em b{color:var(--brand)} .hbar{display:flex;align-items:flex-end;gap:12px;margin:0 0 12px} .hinfo{border:1px solid var(--line);border-radius:10px;padding:12px 14px;margin:0 0 14px} .hinfo h4{margin:0 0 10px;font-size:13px} .hgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px} .hgrid .wide{grid-column:1/-1} .hgrid input{width:100%} .hnote{display:block;margin-top:8px;color:var(--faint);font:11.5px var(--sans)} .hnotes{margin:12px 0 0;padding-left:18px;color:var(--muted);font:12px/1.55 var(--sans)} .hempty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:56px 0;color:var(--faint)} .hempty svg{width:44px;height:44px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round} .hempty p{margin:0;font:13px var(--sans)} .bm.hd{width:min(460px,100%);gap:12px} .hdt{display:flex;flex-direction:column;gap:2px} .hdt h3{margin:0;font-size:18px} .hdt span{font:600 13px var(--sans)} .hdst{display:flex;align-items:center;justify-content:space-between;gap:10px} .hdst small{color:var(--muted);font:12px var(--mono)} .hdl{display:flex;flex-direction:column;gap:1px;border-top:1px solid var(--line);padding-top:8px} .hdr{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:5px 0;font:13px var(--sans)} .hdr>span{color:var(--muted)} .hdr b{font:600 13px var(--mono);text-align:right} .hdr b.tot{color:var(--brand);font-size:15px} .hdr .lnk{color:var(--brand);background:none;border:0;cursor:pointer;font:600 12px var(--sans);margin-left:6px} .hdh{margin:4px 0 0;font-size:13px} .hfills{display:flex;flex-direction:column} .hfills div{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-top:1px solid var(--line);font:12px var(--mono)} .hfills em{font-style:normal;color:var(--muted)} @media (max-width:759px){ #app[data-view="hist"] .top,#app[data-view="hist"] .mhdr,#app[data-view="hist"] .mptabs,#app[data-view="hist"] .mhome{display:none!important} #app[data-view="hist"] .hist{display:flex;flex-direction:column;margin:0;border-radius:0;min-height:calc(100vh - 58px)} .hs{flex-direction:row;overflow-x:auto;gap:6px;padding:10px 12px;border-right:0;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5;background:var(--panel);scrollbar-width:none} .hs::-webkit-scrollbar{display:none} .hs .hg{flex-direction:row;gap:6px;flex:none} .hs h5{display:none} .hs button{width:auto;flex:none;white-space:nowrap;border:1px solid var(--line);border-radius:99px;padding:7px 13px;font-size:13px} .hs button[aria-current="true"]{background:var(--fg);border-color:var(--fg);color:var(--bg)} .hs .hback{border-bottom:1px solid var(--line);padding-bottom:7px;margin:0} .hh{padding:14px 16px 6px}.hh h2{font-size:18px} .hf{padding:6px 16px 12px;display:grid;grid-template-columns:1fr 1fr} .hf .btn{grid-column:1/-1} .hbody{padding:0 16px} .hpg{padding:10px 16px 18px} .hgrid{grid-template-columns:1fr} .hcards{grid-template-columns:1fr 1fr} .hbar{flex-wrap:wrap} .ht{min-width:0} .ht thead{display:none} .ht,.ht tbody,.ht tfoot{display:block} .ht tr{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;padding:11px 12px;margin-bottom:10px;border:1px solid var(--line);border-radius:12px} .ht td{display:block;border:0!important;padding:0;white-space:normal;text-align:left!important;font-size:12.5px} .ht td::before{content:attr(data-l);display:block;margin-bottom:1px;color:var(--faint);font:500 10.5px var(--sans)} .ht td:empty::before,.ht td[data-l=""]::before{display:none} .ht tbody tr:hover{background:none} #app[data-mv="wallet"] .mhl{display:flex;gap:8px;padding:0 16px 10px;overflow-x:auto;scrollbar-width:none} .mhl button{flex:none;border:1px solid var(--line);border-radius:99px;background:none;color:var(--fg);font:600 12.5px var(--sans);padding:8px 14px;cursor:pointer} .bm-back:has(.hd){align-items:flex-end;padding:0} .bm.hd{width:100%;max-height:92vh;border-radius:18px 18px 0 0} } .qm{flex:none;width:20px;height:20px;border-radius:50%;border:1px solid var(--line);background:none;color:var(--muted);font:700 11px var(--sans);line-height:1;padding:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;margin-left:4px} .qm:hover{color:var(--brand);border-color:var(--brand)} #rsModal,#mgInfo{z-index:90} .bm.rs,.bm.mgi{width:min(440px,100%);gap:12px} .bm.rs p,.bm.mgi p{margin:0;font:13.5px/1.55 var(--sans);color:var(--fg)} .rs-a{display:flex;gap:10px;justify-content:flex-end;margin-top:4px} .rs-a .btn{height:38px;padding:0 16px;cursor:pointer;border-radius:8px} .rs-a .btn.pri{background:var(--brand);color:var(--accent-fg);font-weight:700;border:0} .rs-a .btn:disabled{opacity:.5} .rs-l{align-self:flex-start;background:none;border:0;color:var(--brand);font:600 12.5px var(--sans);padding:0;cursor:pointer} .mg-c,.mg-ex{border:1px solid var(--line);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:4px} .mg-c b,.mg-ex b{font:700 13.5px var(--sans)} .mg-c p,.mg-ex p{color:var(--muted)!important;font-size:12.5px!important} .mg-ex{background:var(--field);border-color:transparent} .bm.mgi h4{margin:2px 0 0;font-size:13px} .bm.mgi ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px;font:12.5px/1.5 var(--sans);color:var(--muted)} .bm.mgi li b{color:var(--fg)} .mg-t{color:var(--brand)!important;font-weight:600} .mg-n{color:var(--faint);font:11.5px/1.45 var(--sans)} @media (max-width:759px){ .bm-back:has(.rs),.bm-back:has(.mgi){align-items:flex-end;padding:0} .bm.rs,.bm.mgi{width:100%;max-height:92vh;border-radius:18px 18px 0 0} }