.token-heatmap-page .page__content{display:grid;gap:18px}.token-status-strip,.token-chip-row,.token-mode-row,.token-map-head{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}.token-chip{display:inline-flex;align-items:center;border:1px solid rgba(100,116,139,.22);border-radius:999px;padding:7px 10px;background:rgba(255,255,255,.72);color:#334155;font-size:.86rem;font-weight:700}.token-chip--demo{border-color:rgba(245,158,11,.34);background:rgba(245,158,11,.11);color:#92400e}.token-controls-card{display:grid;gap:14px}.token-mode-buttons,.token-action-buttons{display:flex;flex-wrap:wrap;gap:8px}.token-mode-button[aria-pressed=true]{border-color:rgba(99,102,241,.48);background:rgba(99,102,241,.12);color:#4338ca}.token-count-select{border:1px solid rgba(100,116,139,.24);border-radius:12px;padding:10px 12px;background:#fff;color:#0f172a;font-weight:700}.token-map-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:16px;align-items:stretch}.token-map-card,.token-detail-card{display:grid;gap:12px}.token-map-root{min-height:560px;border:1px solid rgba(15,23,42,.08);border-radius:24px;overflow:hidden;background:linear-gradient(135deg,#101827 0%,#162036 48%,#111827 100%)}.heatmap-engine-root,.heatmap-canvas-viewport{position:relative;width:100%;height:100%;min-height:560px}.heatmap-canvas-viewport{touch-action:pan-y;cursor:grab}.heatmap-canvas-viewport.is-move-mode{touch-action:none}.heatmap-canvas-viewport:active{cursor:grabbing}.heatmap-canvas{position:absolute;inset:0;width:100%;height:100%}.heatmap-canvas--overlay{pointer-events:none}.token-detail-symbol{margin:0;font-size:clamp(1.9rem,4vw,3rem);line-height:.95;letter-spacing:-.05em}.token-detail-subtitle{margin:0;color:#64748b;word-break:break-all}.token-metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.token-metric{border:1px solid rgba(100,116,139,.16);border-radius:18px;padding:12px;background:rgba(248,250,252,.78)}.token-metric dt{margin:0 0 5px;color:#64748b;font-size:.78rem;font-weight:800;text-transform:uppercase}.token-metric dd{margin:0;color:#0f172a;font-size:1.05rem;font-weight:850}.token-link-grid{display:grid;gap:8px}.token-link-grid a{text-align:center;text-decoration:none}.token-ranking-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.token-ranking-list li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid rgba(100,116,139,.14);border-radius:14px;padding:10px 12px;background:rgba(255,255,255,.72)}.token-rank-index{color:#64748b;font-size:.8rem;font-weight:800}.token-rank-name{overflow:hidden;color:#0f172a;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.token-rank-value{color:#475569;font-size:.86rem;font-weight:800}.token-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.token-info-grid ul{margin:10px 0 0;padding-left:18px;color:#475569;line-height:1.65}.token-legend-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.token-legend-item{display:inline-flex;gap:6px;align-items:center;color:#475569;font-size:.88rem;font-weight:750}.token-legend-swatch{width:13px;height:13px;border-radius:4px}@media(max-width:920px){.token-map-layout,.token-info-grid{grid-template-columns:1fr}.token-map-root,.heatmap-engine-root,.heatmap-canvas-viewport{min-height:480px}}@media(max-width:560px){.token-mode-row,.token-map-head,.token-status-strip{align-items:stretch;flex-direction:column}.token-mode-buttons,.token-action-buttons{display:grid;grid-template-columns:1fr}.token-metric-grid{grid-template-columns:1fr}.token-map-root,.heatmap-engine-root,.heatmap-canvas-viewport{min-height:400px}}