.linear-algebra-app{
  max-width:960px;
}

.linear-algebra-app .topbar{
  grid-template-columns:112px 1fr 104px;
}

.linear-algebra-stage{
  background:#fbfcff;
}

.la-grid-minor{stroke:#edf1f8;stroke-width:1}
.la-grid-major{stroke:#dce4f2;stroke-width:1.4}
.la-axis{stroke:#24304d;stroke-width:3}
.la-axis-label,.la-tick-label,.la-label{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;
  pointer-events:none;
}
.la-axis-label{fill:#657089;font-size:28px;font-weight:800}
.la-tick-label{fill:#657089;font-size:19px;font-weight:650}
.la-label{
  fill:#1f2430;
  font-size:28px;
  font-weight:800;
  paint-order:stroke;
  stroke:#fff;
  stroke-width:7;
  stroke-linejoin:round;
}
.la-label.muted{fill:#687086;font-size:22px;font-weight:750}
.la-vector,.la-line,.la-curve{
  fill:none;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.la-vector{stroke-width:6;marker-end:url(#laArrow)}
.la-line{stroke-width:4}
.la-line.dashed{stroke-dasharray:14 12}
.la-point{stroke:#fff;stroke-width:4}
.la-fill-blue{fill:rgba(42,91,215,.12);stroke:rgba(42,91,215,.38);stroke-width:2}
.la-fill-green{fill:rgba(46,125,50,.12);stroke:rgba(46,125,50,.45);stroke-width:2}
.la-output-panel{
  fill:#fff;
  stroke:#d9dce7;
  stroke-width:2;
}
.la-surface-cell{
  stroke:#cbd5e1;
  stroke-width:1.4;
}
.linear-algebra-readout{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin:0 12px;
  z-index:8;
}
.linear-algebra-readout-item{
  min-width:0;
  padding:7px 10px;
  border:1px solid #e4e8f3;
  border-radius:12px;
  background:rgba(255,255,255,.86);
  color:#334155;
  font-size:12px;
  font-weight:700;
  text-align:center;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.la-playbar{
  display:flex;
  gap:8px;
  align-items:center;
  margin:0 12px 8px;
  padding:8px;
  border:1px solid #e4e8f3;
  border-radius:14px;
  background:rgba(255,255,255,.9);
}
.la-playbar[hidden]{display:none}
.la-playbar input[type="range"]{flex:1}
@media (max-width:620px){
  .linear-algebra-app .topbar{grid-template-columns:112px minmax(0,1fr) 72px}
  .bottom-bar,.bottom-bar.four-fields,.bottom-bar.six-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
  .linear-algebra-readout{grid-template-columns:1fr}
}