.market-view-tabs{display:flex;gap:27px;margin:0 0 19px;border-bottom:1px solid var(--line)}.market-view-tabs button{border:0;background:none;color:#96999e;font-size:18px;font-weight:650;padding:0 0 13px;position:relative}.market-view-tabs button.active{color:var(--text)}.market-view-tabs button.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#d9931b}.hl-view{color:var(--text)}.hl-subnav{display:flex;gap:25px;overflow:auto;white-space:nowrap;margin-bottom:20px}.hl-subnav button{border:0;background:none;color:#989ca2;font-size:14px;padding:7px 0 12px;position:relative}.hl-subnav button.active{color:var(--text);font-weight:700}.hl-subnav button.active:after{content:"";position:absolute;bottom:4px;left:30%;right:30%;height:2px;background:#dda22b}.hl-source{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;font-size:12px}.hl-source strong{display:block;color:#0c9f76;font-weight:650}.hl-source span{display:block;color:#90959b;margin-top:4px}.hl-source button{border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:8px 12px;color:var(--text);white-space:nowrap}.hl-source button:hover{background:var(--soft)}.hl-error{border:1px solid #f4c8cb;background:#fff6f6;color:#bf4250;border-radius:9px;padding:12px;margin-bottom:16px;font-size:13px}.hl-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:18px}.hl-metric{border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:16px;min-height:100px}.hl-metric span{display:block;color:#868b92;font-size:11px}.hl-metric strong{display:block;font-size:23px;margin:9px 0 6px;font-weight:720;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}.hl-metric small{color:#8e939a;font-size:10px}.hl-leader-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:22px}.hl-leader-card{border:1px solid var(--line);border-radius:15px;background:var(--surface);padding:18px 20px 14px;min-width:0}.hl-card-head{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-bottom:11px}.hl-card-head h2{font-size:17px;margin:0;white-space:nowrap}.hl-card-head span{font-size:11px;color:#989da3;text-align:right}.hl-leader-head,.hl-leader-row{display:grid;grid-template-columns:22px minmax(0,1fr) 100px 83px;align-items:center;gap:7px}.hl-leader-head{font-size:11px;color:#9b9fa5;padding:7px 0}.hl-leader-head span:nth-child(3),.hl-leader-head span:nth-child(4),.hl-leader-row span:nth-child(3),.hl-leader-row span:nth-child(4){text-align:right}.hl-leader-row{min-height:35px;font-size:12px;font-variant-numeric:tabular-nums}.hl-leader-row .rank{color:#9ca0a6}.hl-leader-row .name{font-weight:630;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hl-leader-row .price{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hl-up{color:#0da475}.hl-down{color:#ed4b5c}.hl-empty{font-size:12px;color:#8d9299;padding:26px 0;text-align:center}.hl-visual-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(290px,1fr);gap:16px;margin-bottom:22px}.hl-distribution,.hl-movers{border:1px solid var(--line);border-radius:15px;padding:18px 20px;background:var(--surface);min-width:0}.hl-distribution h2,.hl-movers h2,.hl-table-toolbar h2{font-size:18px;margin:0 0 16px}.hl-bars{height:270px;display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:7px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:end;padding:20px 0 0}.hl-bar-group{height:100%;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;min-width:0}.hl-bar-value{font-size:10px;color:#81868d;margin-bottom:4px}.hl-bar{width:min(34px,90%);min-height:2px;border-radius:9px 9px 0 0}.hl-bar.up{background:#2fb386}.hl-bar.down{background:#f0445d}.hl-bar.flat{background:#d5d7da}.hl-bar-label{min-height:29px;font-size:10px;white-space:nowrap;color:#6e7379;text-align:center;padding-top:7px}.hl-distribution-summary{display:flex;align-items:center;gap:7px;margin-top:15px}.hl-distribution-summary span:first-child{height:12px;background:#2fb386;border-radius:4px}.hl-distribution-summary span:nth-child(2){height:12px;background:#d4d6d9;border-radius:4px}.hl-distribution-summary span:last-child{height:12px;background:#f0445d;border-radius:4px}.hl-distribution-total{display:flex;justify-content:space-between;font-size:11px;margin-top:8px}.hl-movers .hl-leader-row{grid-template-columns:22px minmax(0,1fr) 85px 80px}.hl-movers .hl-leader-head{grid-template-columns:22px minmax(0,1fr) 85px 80px}.hl-table-section{border:1px solid var(--line);border-radius:15px;padding:18px 22px;background:var(--surface)}.hl-table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.hl-table-toolbar h2{margin:0}.hl-table-toolbar label{display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:8px;padding:6px 10px;color:#8f949b}.hl-table-toolbar input{border:0;outline:0;background:transparent;color:var(--text);min-width:0;width:230px}.hl-table-scroll{overflow:auto}.hl-table{width:100%;border-collapse:collapse;min-width:800px;font-size:12px}.hl-table th{height:40px;text-align:left;color:#81868d;font-weight:500;border-bottom:1px solid var(--line);white-space:nowrap}.hl-table td{height:43px;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}.hl-table th:not(:first-child),.hl-table td:not(:first-child){text-align:right}.hl-table th button{border:0;background:none;color:inherit;padding:7px 0}.hl-table th button.active{color:var(--text);font-weight:650}.hl-table tbody tr:last-child td{border:0}.hl-table .asset-name{font-weight:650}.hl-table .asset-scope{font-size:10px;color:#a0a5ab;margin-left:7px}.hl-pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:15px;font-size:12px}.hl-pagination button{border:1px solid var(--line);border-radius:7px;padding:6px 10px;background:var(--surface);color:var(--text)}.hl-pagination button:disabled{opacity:.4}.hl-data-note{font-size:11px;color:#8c9299;line-height:1.6;margin:13px 3px}.hl-skeleton{background:linear-gradient(90deg,#f3f4f5,#fafafa,#f3f4f5);background-size:200% 100%;animation:hl-shimmer 1.5s infinite;border-radius:6px;height:24px;margin:10px 0}@keyframes hl-shimmer{to{background-position-x:-200%}}:root.dark .hl-skeleton{background:#303844}:root.dark .hl-error{background:#3b272d;color:#ffadb5;border-color:#704550}
@media(max-width:1250px){.hl-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.hl-leader-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:830px){.hl-visual-row{grid-template-columns:1fr}.hl-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.hl-leader-grid{grid-template-columns:1fr}.hl-table-toolbar input{width:150px}}@media(max-width:520px){.hl-metrics{grid-template-columns:1fr 1fr;gap:8px}.hl-metric{padding:11px;min-height:85px}.hl-metric strong{font-size:18px}.hl-leader-card{padding:14px}.hl-leader-head,.hl-leader-row{grid-template-columns:20px minmax(0,1fr) 80px 71px;font-size:11px}.hl-source{align-items:flex-start}.hl-table-section{padding:12px}.hl-bars{gap:2px}.hl-bar-label{font-size:8px;letter-spacing:-.5px}}

/* Hyperliquid market identity */
.hl-metric-asset{display:inline-flex!important;align-items:center;gap:5px}.hl-coin-icon{width:22px;height:22px;flex:0 0 22px;display:inline-grid;place-items:center;border-radius:50%;background:hsl(var(--coin-hue) 65% 91%);color:hsl(var(--coin-hue) 60% 27%);font-size:9px;font-weight:800;line-height:1;box-shadow:inset 0 0 0 1px hsl(var(--coin-hue) 45% 80%)}.hl-coin-btc{background:#f39019;color:#fff;box-shadow:none;font-size:14px}.hl-coin-eth{background:#edf1ff;color:#586bdc;font-size:14px}.hl-coin-hype{background:#d9fff3;color:#08a78e;font-size:14px}.hl-coin-zec{background:#f7c829;color:#171717;box-shadow:inset 0 0 0 2px #171717;font-size:12px}.hl-coin-sol{background:#202633;color:#78ead8;font-size:14px}.hl-coin-doge{background:#c8a14d;color:#fff;font-size:13px}.hl-coin-usdc{background:#2775ca;color:#fff;font-size:12px}.hl-coin-xrp{background:#20252b;color:#fff;font-size:14px}.hl-leader-head span:nth-child(3),.hl-leader-head span:nth-child(4),.hl-leader-row>span:nth-child(3),.hl-leader-row>span:nth-child(4){text-align:right}.hl-leader-row .name{display:flex;align-items:center;gap:7px;min-width:0;text-overflow:clip}.hl-leader-row .name>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hl-table-asset{display:inline-flex;align-items:center;gap:9px}.hl-table-asset>span:last-child{display:flex;align-items:baseline}
