@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Space+Grotesk:wght@500;600;700&display=swap";:root{font-family:IBM Plex Mono,monospace;color:#dce9e5;background:#081311;font-size:13px}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 65% 5%,#12362e 0,#081311 38%);min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}.app{min-height:100vh;display:flex;flex-direction:column}header,footer{height:54px;border-bottom:1px solid #1c3a32;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:#091714}.brand{font:700 18px Space Grotesk;letter-spacing:2px;display:flex;gap:9px;align-items:center}.logo{color:#38d9a9;font-size:25px}.brand b,.paper-badge,.badge{font-size:9px;letter-spacing:1px;color:#071310;background:#38d9a9;padding:3px 5px;border-radius:2px}.status{font-size:10px;color:#8aa39c;display:flex;align-items:center;gap:8px}.status button{background:transparent;color:#a5bbb5;border:1px solid #315148;padding:5px 8px}.divider{height:13px;border-left:1px solid #345149}.online,.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#38d9a9;box-shadow:0 0 8px #38d9a9}main{flex:1;display:grid;grid-template-columns:260px minmax(0,1fr) 300px;min-height:0}.markets,.order-panel{background:#0a1915}.markets{border-right:1px solid #1c3a32}.order-panel{border-left:1px solid #1c3a32}.panel-title{padding:16px 15px 12px;font-weight:600;letter-spacing:1px;font-size:11px;border-bottom:1px solid #1c3a32}.count{color:#5c8278}.search{margin:12px;width:calc(100% - 24px);background:#0e241e;border:1px solid #21443a;color:#e7f4ef;padding:9px;outline:none}.market-head,.market{display:grid;grid-template-columns:1.1fr 1fr .75fr;gap:4px;align-items:center}.market-head{font-size:9px;color:#628077;padding:5px 12px}.market{border:0;border-left:2px solid transparent;background:transparent;width:100%;color:#dce9e5;text-align:right;padding:10px 12px}.market strong{text-align:left;font-size:12px}.market small,td small{font-size:9px;color:#658178;margin-left:2px}.market.active{background:#123128;border-left-color:#38d9a9}.market em{font-style:normal;font-size:10px}.market-scroll{overflow:auto;height:calc(100vh - 160px)}.workspace{min-width:0}.pair-head{height:72px;padding:13px 20px;border-bottom:1px solid #1c3a32;display:flex;justify-content:space-between;align-items:center}.pair-head h1{font:600 22px Space Grotesk;display:inline;margin:0 8px 0 0}.pair-head h1 small{font:400 14px IBM Plex Mono;color:#66837a}.muted{color:#69847c;font-size:10px}.quote{text-align:right}.quote b{display:block;font:600 20px Space Grotesk}.quote span{font-size:11px}.chart{height:350px;padding:16px 20px 5px;border-bottom:1px solid #1c3a32;position:relative;background:repeating-linear-gradient(0deg,transparent,transparent 58px,#17362e 59px),repeating-linear-gradient(90deg,transparent,transparent 110px,#17362e 111px)}.chart-top{display:flex;justify-content:space-between;font-size:10px;color:#86a79d}.chart-top button{font-size:9px;background:transparent;border:0;color:#66847a;padding:3px 7px}.chart-top .chosen{color:#38d9a9;border:1px solid #2e6656}.chart svg{width:100%;height:290px}.chart-labels{position:absolute;bottom:8px;left:20px;right:20px;display:flex;justify-content:space-between;color:#55766c;font-size:9px}.account-bar{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #1c3a32}.account-bar div{padding:14px 20px;border-right:1px solid #1c3a32}.account-bar label{display:block;color:#68867c;font-size:9px;margin-bottom:6px}.account-bar strong{font:600 15px Space Grotesk}.up{color:#38d9a9!important}.down{color:#ff7180!important}.data-panel nav{height:43px;border-bottom:1px solid #1c3a32;display:flex;gap:16px;padding-left:15px}.data-panel nav button{border:0;background:transparent;color:#77958b;font-size:10px}.data-panel nav .selected{color:#38d9a9;border-bottom:2px solid #38d9a9}.data-panel nav span{background:#1a3c32;border-radius:9px;padding:1px 5px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:11px}th{text-align:left;color:#6d8b82;font-weight:400;font-size:9px;padding:11px 15px;border-bottom:1px solid #1c3a32}td{padding:11px 15px;border-bottom:1px solid #132c25;white-space:nowrap}.empty,.empty-cell{color:#668278;text-align:center;padding:35px}.tiny{color:#ffb4ba;background:transparent;border:1px solid #6b3740;font-size:9px;padding:4px 7px}.order-tabs{display:flex;margin:15px;background:#0e241e;padding:3px}.order-tabs button{width:50%;padding:10px;background:transparent;border:0;color:#75938a}.order-tabs .buy.active{background:#123e33;color:#49e4b3}.order-tabs .sell.active{background:#421f27;color:#ff9ca7}.form{padding:0 15px}.form label{display:block;color:#77968d;font-size:9px;margin:18px 0 7px}.form select,.readout{width:100%;border:1px solid #295244;background:#0d211b;color:#dce9e5;padding:10px;min-height:39px}.form select{outline:none}.readout{display:flex;justify-content:space-between;align-items:center}.readout input{border:0;outline:0;color:#e5f4ef;background:transparent;width:85%}.readout small{color:#74968b}.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:8px 0}.quick button{border:1px solid #294e43;background:#0d211b;color:#92b0a6;padding:6px;font-size:10px}.estimate{margin:18px 0;border-top:1px solid #1c3a32;border-bottom:1px solid #1c3a32;padding:10px 0;display:grid;grid-template-columns:1fr auto;gap:7px;color:#7c998f;font-size:10px}.estimate b{color:#d9e9e3}.submit{width:100%;border:0;padding:13px;font-weight:600;letter-spacing:1px;color:#061411}.submit span{float:right}.submit.buy{background:#38d9a9}.submit.sell{background:#ff7584}.disclaimer{text-align:center;color:#607b72;font-size:9px;line-height:1.6;margin-top:15px}.toast{position:fixed;bottom:40px;left:50%;transform:translate(-50%);background:#dce9e5;color:#081311;padding:11px 18px;border-radius:3px;box-shadow:0 5px 30px #000;font-weight:500}footer{height:30px;border-top:1px solid #1c3a32;border-bottom:0;color:#6c8a80;font-size:9px;padding:0 20px}footer span:last-child{display:flex;gap:6px;align-items:center}@media (max-width:1000px){main{grid-template-columns:210px minmax(0,1fr)}.order-panel{grid-column:1/3}.order-panel .form{display:grid;grid-template-columns:1fr 1fr;gap:8px}.form label{margin:8px 0}.order-tabs,.submit,.disclaimer{grid-column:1/3}}@media (max-width:650px){header .status{font-size:0}.markets{display:none}main{grid-template-columns:1fr}.order-panel{grid-column:auto}.account-bar{grid-template-columns:repeat(2,1fr)}.account-bar div{padding:10px}.pair-head,.chart{padding:12px}.order-panel .form{display:block}.order-tabs,.submit,.disclaimer{grid-column:auto}}
