/* Offline-safe control glyphs. CSS symbols avoid relying on invalid raster data. */
.top-action::before {
  content: "☼";
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  color: var(--ink);
  background: none;
  filter: none;
  font-family: "Segoe UI Symbol", sans-serif;
  font-size: 1.45rem;
  line-height: 1;
}

[data-theme="dark"] .top-action::before {
  content: "☾";
  color: #fff;
}