.fm-macro{--fm-ink:#d0e4d6;
  --fm-muted:#81998b;
  --fm-line:#294535;
  --fm-green:#75f2a3;
  --fm-red:#ef9b8f;
  color:var(--fm-ink);
  font:13px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;
  max-width:1500px;
  margin:auto}
.fm-macro *{box-sizing:border-box}
.fm-macro a{color:inherit;
  text-decoration:none}
.fm-macro button{font:inherit;
  color:inherit;
  background:transparent;
  border:1px solid var(--fm-line);
  padding:5px 12px;
  cursor:pointer}
.fm-macro-intro{display:flex;
  justify-content:space-between;
  gap:24px;
  align-items:center;
  padding:26px 0}
.fm-macro h1{font-size:clamp(26px,3vw,40px);
  font-weight:500;
  line-height:1.2;
  margin:10px 0}
.fm-macro p{margin:6px 0;
  color:var(--fm-muted)}
.fm-macro small{font-size:10px;
  color:var(--fm-muted)}
.fm-macro-tools{display:flex;
  flex-direction:column;
  gap:10px;
  align-items:flex-end}
.fm-plugin-link{display:flex;
  align-items:center;
  gap:12px;
  border:1px solid #75f2a370;
  background:#75f2a312;
  padding:11px 18px;
  font-weight:700;
  color:var(--fm-green)!important}
.fm-plugin-link:hover{background:#75f2a325}
.fm-plugin-link svg{width:28px;
  height:28px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8}
.fm-plugin-link small{display:block;
  font-weight:400;
  color:var(--fm-green)}
.fm-connection{font-size:11px;
  color:var(--fm-muted)}
.fm-connection:before{content:'●';
  margin-inline-end:7px;
  color:#e0ad66}
.fm-connection.connected:before{color:var(--fm-green)}
.fm-macro-meta{display:flex;
  gap:20px;
  align-items:center;
  border-block:1px solid var(--fm-line);
  padding:10px 0;
  font-size:11px;
  color:var(--fm-muted);
  flex-wrap:wrap}
.fm-macro-meta button{margin-inline-start:auto}
.fm-plugin-hint{padding:8px 0}
.fm-macro-warning{color:#e0ad66!important}
.fm-macro-indices{display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  border:1px solid var(--fm-line);
  margin-top:22px}
.fm-macro-index{padding:16px;
  min-width:0;
  background:#0d1b13;
  border-inline-end:1px solid var(--fm-line);
  display:flex;
  flex-direction:column;
  gap:8px}
.fm-macro-index:last-child{border:0}
.fm-macro-index>div{display:flex;
  justify-content:space-between;
  gap:8px;
  flex-wrap:wrap}
.fm-macro-index>strong{font-size:29px;
  font-weight:500}
.fm-macro-index>b{font-size:12px;
  font-weight:400}
.fm-macro .up{color:var(--fm-green)}
.fm-macro .down{color:var(--fm-red)}
.fm-macro-spark{width:100%;
  height:35px;
  color:var(--fm-green)}
.fm-macro-note{font-size:10px;
  margin:10px 0 26px!important}
.fm-macro-panel{border:1px solid var(--fm-line);
  padding:20px;
  margin-bottom:20px;
  background:#0a1710}
.fm-macro h2{font-size:14px;
  font-weight:500;
  margin:0 0 5px}
.fm-macro-panel>p{font-size:10px;
  margin-bottom:16px}
.fm-macro-heatmap{display:grid;
  grid-template-columns:repeat(var(--fm-cols,5),minmax(0,1fr));
  gap:3px;
  min-height:240px}
.fm-macro-tile{display:flex;
  flex-direction:column;
  justify-content:center;
  gap:5px;
  padding:18px;
  background:#172a20;
  color:var(--fm-ink)!important;
  min-width:0;
  border:1px solid transparent}
.fm-macro-tile:hover{border-color:var(--fm-ink)}
.fm-macro-tile.up{background:#174c33}
.fm-macro-tile.down{background:#592d27}
.fm-macro-tile strong{font-size:16px;
  overflow-wrap:anywhere}
.fm-macro-tile>b{font-size:25px;
  font-weight:500}
.fm-macro-tile small{color:#c0d2c4}
.fm-macro-tile>span{font-size:12px}
.fm-macro-empty{display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:150px;
  color:var(--fm-muted);
  grid-column:1/-1}
.fm-macro-ranks{display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px}
.fm-macro-tile.compact{display:grid;
  grid-template-columns:1fr auto;
  gap:4px 16px;
  margin-top:4px;
  padding:12px}
.fm-macro-tile.compact>small{grid-column:1/-1}
.fm-macro-tile.compact>b{font-size:17px;
  grid-column:2;
  grid-row:2}
.fm-macro-brief{font-size:13px!important;
  line-height:1.9;
  margin:12px 0!important}
.fm-plugin-header-link{color:var(--green)!important;
  border:1px solid var(--line);
  padding:7px 12px;
  white-space:nowrap}
.fm-version-label{font-size:10px;
  color:var(--dim);
  padding:0 8px}
@media(max-width:1000px){.fm-macro-heatmap{grid-template-columns:repeat(3,minmax(0,1fr))}
.fm-macro-indices{grid-template-columns:repeat(3,minmax(0,1fr))}
.fm-macro-index{border-bottom:1px solid var(--fm-line)}
}
@media(max-width:600px){.fm-macro-intro{align-items:flex-start;
  gap:10px}
.fm-plugin-link{padding:8px;
  font-size:11px;
  gap:5px}
.fm-plugin-link svg{width:22px}
.fm-plugin-link small{font-size:8px}
.fm-macro-indices{grid-template-columns:repeat(2,minmax(0,1fr))}
.fm-macro-ranks{grid-template-columns:1fr;
  gap:0}
.fm-macro-panel{padding:13px}
.fm-macro-heatmap{grid-template-columns:repeat(2,minmax(0,1fr))}
.fm-macro-meta{gap:10px}
.fm-macro-tools{min-width:135px}
.fm-macro h1{font-size:26px}
}