@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url(../fonts/PlusJakartaSans/PlusJakartaSans.ttf) format("truetype");
}

.urovo-font-debug {
  position: fixed;
  right: max(16px, env(safe-area-inset-right));
  bottom: max(16px, env(safe-area-inset-bottom));
  z-index: 10000;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
  color: #17232d;
  font: 14px/1.5 system-ui, sans-serif;
}

.urovo-font-debug__toggle,
.urovo-font-debug__panel {
  border: 1px solid #d4dce2;
  background: #fff;
  box-shadow: 0 4px 20px #0002;
}

.urovo-font-debug__toggle {
  padding: 10px 16px;
  border-radius: 999px;
  color: inherit;
  font: inherit;
  cursor: pointer;
}

.urovo-font-debug__panel {
  width: 220px;
  max-width: calc(100vw - 32px);
  padding: 16px;
  border-radius: 12px;
}

.urovo-font-debug__panel[hidden] { display: none; }
.urovo-font-debug__panel p { margin: 0 0 8px; font: 600 14px/1.5 system-ui, sans-serif; }
.urovo-font-debug__panel label { display: flex; align-items: center; gap: 10px; min-height: 44px; cursor: pointer; }
.urovo-font-debug__panel input { appearance: auto; width: 16px; height: 16px; margin: 0; padding: 0; accent-color: #037eb9; }
.urovo-font-debug :focus-visible { outline: 2px solid #037eb9; outline-offset: 3px; }

@media print {
  .urovo-font-debug { display: none; }
}