.spot-intro{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:28px 0 18px}.spot-intro h2{margin:0 0 8px;color:#f5c518}.spot-intro p{font-size:12px;line-height:1.7}.spot-badge{border:1px solid #584921;color:#f5c518;padding:8px 12px;border-radius:6px;white-space:nowrap;font-size:12px}.spot-layout{display:grid;grid-template-columns:215px minmax(300px,1fr) 285px;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden}.spot-market,.spot-chart-panel,.spot-order{background:#0b0e11;padding:18px;min-width:0}.spot-search{width:100%;background:#161c24;color:#eaecef;border:1px solid #303641;border-radius:5px;padding:10px;margin:15px 0;font-size:12px}.spot-market-list{height:480px;overflow:auto}.spot-market-list button{display:flex;width:100%;justify-content:space-between;text-align:left;padding:12px 8px;border-bottom:1px solid #20262d;font-size:12px}.spot-market-list button:hover,.spot-market-list button.selected{background:#f5c51812;color:#f5c518}.spot-market-list small{color:#848e9c}.spot-chart-header{display:flex;justify-content:space-between;gap:14px;padding-bottom:20px;border-bottom:1px solid #20262d}.spot-chart-header strong{font-size:21px}.spot-chart-header small{display:block;color:#848e9c;font-size:10px;margin-top:7px}#spot-price{font-size:24px;color:#f5c518}#spot-change{font-size:11px;margin-top:8px;text-align:right}.spot-periods{display:flex;gap:5px;flex-wrap:wrap;padding:14px 0}.spot-periods button{font-size:11px;padding:6px 10px;color:#848e9c}.spot-periods .selected{color:#f5c518;background:#f5c51812;border-radius:4px}#spot-chart{height:360px;width:100%}#spot-chart-status,#spot-quote-status{font-size:10px;line-height:1.8;color:#848e9c;min-height:22px;margin-top:10px}.spot-caption{display:flex;justify-content:space-between;font-size:10px;color:#848e9c;padding-top:10px}.spot-caption a{color:inherit}.spot-order h3{margin:0 0 18px;font-size:15px}.spot-order .switch .chosen{background:#0ecb81}.spot-order .switch .chosen.sell{background:#f6465d}.spot-order .submit{background:#0ecb81;color:#0b0e11}.spot-order label{margin-top:22px}.spot-pcts{display:flex;gap:6px;margin:12px 0}.spot-pcts button{background:#20262d;border-radius:4px;padding:7px;font-size:11px;flex:1}.spot-order .line{line-height:1.6;gap:12px}.spot-order .line b{text-align:right}.spot-order .note{margin-top:18px}.spot-assets-summary{display:flex;gap:30px;flex-wrap:wrap;padding:14px 0 24px}.spot-assets-summary small{display:block;color:#848e9c;font-size:11px;margin-bottom:8px}.spot-assets-summary strong{font-size:21px}#spot-records table{min-width:700px}#spot-records .smallbutton{white-space:nowrap}.spot-risk{border-color:#514622;background:#262114;color:#d3c48a}.spot-empty{color:#848e9c;font-size:12px;padding:24px 8px;line-height:1.8}.spot-order input{font-variant-numeric:tabular-nums}#spot-tabs .active{color:#f5c518}#spot-count{color:#848e9c;font-size:10px}@media(max-width:1150px){.spot-layout{grid-template-columns:180px minmax(280px,1fr)}.spot-order{grid-column:1/-1}.spot-order .field{max-width:450px}.spot-order .submit{max-width:450px}.spot-market-list{height:450px}}@media(max-width:720px){.spot-layout{display:flex;flex-direction:column}.spot-market{order:0;padding:15px}.spot-market-list{height:130px;display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.spot-market-list button{padding:10px 5px;gap:3px;display:block;font-size:11px}.spot-market-list small{display:block;font-size:9px;margin-top:4px}.spot-chart-panel{padding:15px}.spot-order{padding:20px 15px}.spot-intro{align-items:flex-start}.spot-badge{font-size:10px;padding:7px}.spot-intro h2{font-size:21px}#spot-chart{height:300px}.spot-assets-summary{gap:18px}.spot-assets-summary strong{font-size:17px}}
.spot-mode .token-hero,.spot-mode main>.cards,.spot-mode main>.heading{display:none}.spot-mode .spot-intro{margin-top:0}

.spot-mode main>.notice{display:block}