/* Global utility controls (toast, a11y). Legacy floating recenter styles removed (button moved to top bar). */
:root {
  /* Safe-area variables (browsers without env() will ignore these; we fallback to 0 via var()) */
  --safe-area-right: env(safe-area-inset-right);
  --safe-area-bottom: env(safe-area-inset-bottom);
  /* Dynamic bottom inset computed with visualViewport (set via JS) */
  --vvp-bottom: 0px;
}

/* Simple toast */
.toast {
  position: fixed;
  left: 50%;
  bottom: 92px; /* base */
  transform: translateX(-50%);
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: 12px;
  box-shadow: var(--shadow);
  padding: 10px 12px;
  color: var(--text);
  z-index: 1950;
}
/* Safe-area for toast as well */
.toast { bottom: calc(92px + constant(safe-area-inset-bottom) + var(--vvp-bottom)); }
.toast { bottom: calc(92px + env(safe-area-inset-bottom) + var(--vvp-bottom)); }

.hidden { display: none !important; }

/* A11y helper */
.visually-hidden {
  position: absolute !important;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0);
  white-space: nowrap; border: 0;
}