/* Tap a shown time or length and type it (js/ui/tap-to-type.js, 2026-10-17). */
.ttt-box {
  position: fixed; z-index: 100000;
  display: flex; align-items: center; gap: 6px;
  padding: 8px 10px; border-radius: 12px;
  background: var(--surface-primary, #ffffff); color: var(--text-primary, #0f172a);
  border: 2px solid var(--primary-600, #0d9488);
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.18);
  font-family: inherit;
}
.ttt-input {
  height: 40px; box-sizing: border-box; padding: 0 8px;
  border: 1px solid var(--slate-300, #cbd5e1); border-radius: 8px;
  background: var(--surface-primary, #ffffff); color: inherit;
  /* 16px keeps iOS from zooming the page on focus. */
  font: inherit; font-size: 16px; font-weight: 700;
}
.ttt-input--num { width: 56px; text-align: center; }
.ttt-input--time { min-width: 120px; }
.ttt-input:focus { outline: 2px solid var(--primary-600, #0d9488); outline-offset: 1px; border-color: transparent; }
.ttt-unit { font-size: 14px; font-weight: 600; color: var(--text-secondary, #475569); }