*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#070d18;color:#edf3fc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif}body{overflow-x:hidden}button,input,select{font:inherit}button{border:0;cursor:pointer}.app{min-height:100vh;background:radial-gradient(circle at 70% -20%,#12233d 0,#070d18 42%)}.top{height:70px;display:flex;align-items:center;gap:26px;padding:0 28px;border-bottom:1px solid #1b2a40;background:#0a1220ee;backdrop-filter:blur(14px);position:sticky;top:0;z-index:20}.brand{display:flex;gap:11px;align-items:center;color:#fff;text-decoration:none;min-width:205px}.brandmark{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#2d75ff,#7657ff);font-size:21px;font-weight:900}.brand b{display:block;font-size:14px;letter-spacing:.8px}.brand small{display:block;color:#71809a;font-size:10px;margin-top:2px}.nav{display:flex;gap:3px;flex:1}.navbtn{padding:10px 13px;background:transparent;color:#8390a7;border-radius:8px}.navbtn.active,.navbtn:hover{background:#15233a;color:#fff}.navbtn i{font-style:normal;background:#263a5a;border-radius:20px;padding:1px 5px;font-size:10px}.topright{display:flex;align-items:center;gap:9px}.live{font-size:11px;color:#4be0a8;font-weight:800}.live em{display:inline-block;width:7px;height:7px;border-radius:50%;background:#2ed798;margin-right:5px}.top select{background:#111c2d;color:#e9f0fb;border:1px solid #293951;border-radius:8px;padding:8px 10px}.btn{background:#162237;color:#dbe5f3;border:1px solid #263752;border-radius:8px;padding:9px 14px}.primary{background:#3274ff;border-color:#3274ff;color:#fff}.notice{height:32px;background:#0b1423;border-bottom:1px solid #17263b;color:#8290a7;padding:8px 3%;font-size:11px}.notice>span:first-child{color:#2fdb9a;margin-right:5px}.noticeRight{float:right}.noticeRight b{color:#dce5f3}.marketstrip{display:flex;overflow:auto;border:1px solid #1b2b41;border-radius:10px;background:#0b1423;margin:18px 3% 14px}.mini{min-width:170px;padding:11px 14px;border-right:1px solid #1a2940}.mini:last-child{border:0}.mini span{display:block;color:#7c8aa2;font-size:11px}.mini b{font-size:14px}.mini small{margin-left:8px}.up{color:#32d89d}.down{color:#ff637c}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:14px;margin:0 3%}.panel{background:#0c1625;border:1px solid #1b2b42;border-radius:12px;box-shadow:0 10px 35px #0002}.chart{overflow:hidden}.paneltop{height:75px;padding:13px 17px;border-bottom:1px solid #1b2b42;display:flex;align-items:center;justify-content:space-between}.eyebrow{font-size:9px;color:#687891;letter-spacing:1.1px}.paneltop h2{display:inline-block;margin:3px 12px 0 0;font-size:17px}.paneltop strong{font-size:18px}.paneltop #chartChange{margin-left:10px;font-size:12px}.tf{display:flex;gap:3px}.tf button{background:transparent;color:#74839b;padding:7px 8px;border-radius:6px}.tf button.selected,.tf button:hover{background:#182940;color:#fff}.chart canvas{display:block;width:100%;height:470px}.chartlegend{display:flex;gap:18px;padding:9px 15px;color:#6f7e96;border-top:1px solid #19283d;font-size:10px}.candle{display:inline-block;width:6px;height:6px;background:#3e83ff;border-radius:50%;margin-right:4px}.ticket{padding-bottom:17px}.tickethead{display:flex;justify-content:space-between;align-items:center;padding:15px 16px;border-bottom:1px solid #1b2b42}.tickethead select{background:#111c2c;border:1px solid #293951;color:#fff;border-radius:7px;padding:8px}.ordertabs,.sides{display:flex;gap:5px;padding:12px 16px 0}.ordertabs button,.sides button{flex:1;padding:9px;border-radius:7px;background:#121e31;color:#7f8da5}.ordertabs button.selected{background:#1d2c44;color:#fff}.sides .buy.selected{background:#0b8c62;color:#fff}.sides .sell.selected{background:#b93b52;color:#fff}.ticket label{display:block;color:#8290a7;font-size:11px;padding:11px 16px 0}.ticket label input,.ticket label select{display:block;width:100%;margin-top:5px;background:#101b2c;border:1px solid #263750;border-radius:7px;color:#fff;padding:10px;outline:0}.ticket label input:focus{border-color:#4a79bd}.twocol{display:grid;grid-template-columns:1fr 1fr}.twocol label{padding-right:6px}.twocol label+label{padding-left:6px;padding-right:16px}.orderinfo{margin:14px 16px 0;background:#101b2b;border-radius:8px;padding:10px}.orderinfo div{display:flex;justify-content:space-between;margin:4px 0;color:#718099;font-size:11px}.orderinfo b{color:#e7edf7}.submit{width:calc(100% - 32px);margin:13px 16px 0;padding:12px;border-radius:8px;color:#fff;font-weight:800}.buybg{background:#0c9669}.sellbg{background:#bc4055}.hint{font-size:10px;line-height:1.5;color:#697891;margin:11px 16px 0}.hidepage{display:none!important}.full{margin:18px 3%;overflow:hidden}.sectionhead{display:flex;align-items:center;justify-content:space-between;padding:18px;border-bottom:1px solid #1b2b42}.sectionhead h2{margin:0;font-size:18px}.sectionhead input{background:#101b2c;color:#fff;border:1px solid #263750;border-radius:7px;padding:10px;width:260px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 3% 0}.stats>div{background:#0c1625;border:1px solid #1b2b42;border-radius:10px;padding:17px}.stats span{display:block;color:#718099;font-size:11px;margin-bottom:7px}.stats b{font-size:20px}.row{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1fr;gap:12px;padding:13px 17px;border-bottom:1px solid #17263a;align-items:center;font-size:12px}.row.head{color:#66758d;font-size:10px}.wallet{padding:22px;margin-bottom:25px}.wallet h2{margin-top:0}.wallet .btn{margin-right:8px}.modal{position:fixed;inset:0;background:#0009;display:grid;place-items:center;z-index:100}.modalbox{position:relative;width:min(450px,92vw);background:#0d1727;border:1px solid #2a3a55;border-radius:13px;padding:24px;box-shadow:0 25px 80px #0008}.modalbox input{display:block;width:100%;margin:7px 0 14px;padding:11px;background:#101b2b;border:1px solid #293a55;color:#fff;border-radius:7px}.modalbox .primary{padding:10px 15px;border-radius:7px}.x{position:absolute;right:10px;top:7px;background:transparent;color:#a7b3c7;font-size:25px}footer{border-top:1px solid #18273c;color:#63718a;padding:22px 3%;font-size:10px;margin-top:22px}@media(max-width:1000px){.workspace{grid-template-columns:1fr}.ticket{max-width:none}.top{padding:0 14px;gap:12px}.brand{min-width:auto}.nav{overflow:auto}.topright .live{display:none}.chart canvas{height:390px}}@media(max-width:650px){.top{height:auto;min-height:62px;flex-wrap:wrap;padding:10px}.brand{order:0}.topright{margin-left:auto}.nav{order:3;flex-basis:100%}.navbtn{padding:8px 10px}.notice{display:none}.marketstrip{margin-top:12px}.mini{min-width:145px}.paneltop{height:auto;align-items:flex-end}.tf{display:none}.chart canvas{height:300px}.stats{grid-template-columns:1fr 1fr}.sectionhead{gap:10px}.sectionhead input{width:170px}.row{grid-template-columns:1fr 1fr}.row.head{display:none}.twocol{grid-template-columns:1fr}.twocol label+label{padding-left:16px}.brand small{display:none}}